Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como alterar o marcador em uma API do Google Maps
Um marcador é um ícone do push-pin que o Google Maps exibe em cima de um local específico. Por padrão, quando você clicar em um marcador , o Google Maps abre uma pequena janela informativa . Por exemplo, um mapa do estado de Nova York mostra um marcador de push-pin em Albany. Quando você clica no marcador , aparece uma janela dizendo que Albany é a capital de Nova York. Em seu código JavaScript do Google Maps , você pode alterar a aparência e as ações do marcador usando o construtor google.maps.Marker . Instruções
1

Abra o arquivo HTML e passar para o seu código do Google Maps.
2

Criar um marcador queda animado que cai em um mapa e salta para cima e para baixo em um localização digitando:

marcador = new google.maps.Marker ({ map : mapa, animação: posição google.maps.Animation.DROP : CityExample });

google.maps.event . addListener (marcador , 'click' , toggleBounce ); marker.setAnimation ( google.maps , Animation.BOUNCE );}
3

Altere o ícone do marcador para uma imagem , definindo a imagem arquivo como o marcador nas opções do mapa. Por exemplo, adicione :

var foto = ' monumentPhoto.jpg '; var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) ; var monumentMarker = new.google.maps.Marker ( {position : exLatLng , map : mapa , ícone : image });
4

Criar um marcador draggable adicionando o método arrastado para o construtor marcador . Continuando o exemplo da Etapa 3, adicione o método para a variável monumentMarker

var foto = ' monumentPhoto.jpg '; . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ); var monumentMarker = new . google.maps.Marker ( {position : exLatLng , arrastável : true , map : mapa , ícone : image });

Anterior :

Próximo : No
  Os artigos relacionados
·Como Fazer Tudo botões de rádio falso em JavaScript 
·Como acessar o acelerômetro Via Javascript no Android 
·O que é Bloat Script 
·Por que meu Javascript Mostrar Proibido 
·Tutorial em jQuery e Google Maps 
·Quais são Closures Bom para em JavaScript 
·Como usar o JQuery para Inserir uma Âncora 
·Como converter um nó regular para um nó jQuery 
·Como codificar Parâmetros em AJAX 
·Como fazer um menu acoplável Com Javascript 
  Artigos em destaque
·Como usar o Módulo Com Duplo 
·Como adicionar lembrete comentários usando códigos HT…
·Como editar o SQL em um iPhone 
·Java Hot Tools swap 
·Como ler uma variável de usuário /System Environment …
·Java e não resolvido Erro de compilação 
·Usos do Prolog 
·Como criar um script Java para enviar mensagens para um…
·Como remover um token Open 
·Diferença entre indexador e Matriz 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados