Usando a API do Google Maps versão de três , o Google mostra locais em um mapa usando ícones push- pin chamados marcadores . Por exemplo, você pode querer criar um mapa personalizado para Paris , França, com marcadores de monumentos, museus e restaurantes famosos . Você cria marcadores usando o " Marcadores " objeto embutido e definir quando o Google apresenta múltiplos marcadores usando a função de "Drop " . Instruções
1
Abra o arquivo HTML e role para baixo no código para onde você inicializar o seu mapa do Google.
2
Criar o marcador por inicializar uma variável marcador e definir o parâmetros do marcador. Por exemplo, digite :
var eiffelMarker = paris google.maps.Marker ( {position : ( -48,5132 , 002.1745 ) mapa : map , title: "Torre Eiffel" });
neste exemplo , o Google Maps cria um marcador para a Torre Eiffel no mapa Paris. O atributo " posição " é latitude e longitude da Torre Eiffel. Torre Eiffel é o nome ou o título de um usuário lê quando passar o mouse sobre o marcador.
3
Repita a etapa 2 para cada local marcador no seu mapa. Use nomes de variáveis descritivas e indique as coordenadas geográficas para a posição do marcador . Título do marcador com o nome do local.
4
Stagger a quantidade de tempo que o Google deixa os marcadores no mapa . Se você tem vários marcadores em um mapa , para fins de usabilidade , você pode preferir deixar cair os marcadores de um -a- um em vez de despejá-los no mapa de uma só vez . Por exemplo, a cambalear marcador cai , digite o seguinte :
queda function () { for ( parisMarker i = 0; i < markerArray.length ; i + +) { setTimeout ( function () { addMarkerMethod (); } , i * 200); }}
Neste exemplo , o Google Maps gira através de seu conjunto de marcadores e cai cada marcador dentro de um quarto de segundo do outro
.