Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como fazer vários marcadores com Maps API
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
.

Anterior :

Próximo : No
  Os artigos relacionados
·O que é HTML MsgBox 
·O que é um arquivo AXD 
·O que o Arroba média em Javascript 
·JavaScript : Apostrophe Problema na URL 
·Javascript Unterminated corda Erros literais 
·Código Embelezadores para JavaScript 
·Javascript e Expressões Regulares para códigos postai…
·Javascript funções parciais 
·Uma nova janela é bloqueado em JavaScript 
·Como obter um JTextArea hesitar e percorrer dados em Ja…
  Artigos em destaque
·As Melhores Práticas para os lotes de cálculos matemá…
·Como fazer um vídeo de abertura Com Game Maker 7 
·NEMA Lógica Normas 
·Como aprender XHTML para Iniciantes 
·Como fazer upload de grandes arquivos Java para um site…
·Como adicionar controles a um Painel 
·Como escrever uma função MATLAB 
·Como converter inteiros para Bytes 
·Como os programadores usam Classe Atributos e Métodos …
·Desenvolvimento de um Struts Portlet 
Cop e direita © Conhecimento computador https://ptcomputador.com Todos os Direitos Reservados