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 });