Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como desenhar uma polilinha Ter uma variedade de locais de corda no Google Maps V3
A API do Google Maps V3 lhe dá o controle sobre como a entrada de dados e criar mapas personalizados do Google. Se você tem uma lista ou matriz de latitude e longitude , você pode especificar que o Google usa a matriz para criar uma rota ou polilinha em um mapa. Por exemplo, você poderia criar uma linha seguindo os contornos das montanhas em uma pista de caminhada ou uma rota de navegação que tece em torno de uma série de ilhas . Instruções
1

Abra o arquivo HTML e vá até a seção onde você define o seu mapa do Google.
2

Sob o código onde você inicializa o mapa definir as características do polilinha. Por exemplo, digite :

var PolylineOptions = { strokeColor : '# 000000' , strokeWeight : 3

Neste exemplo, a cor da linha é definida como a cor hexadecimal preto eo peso do linha é três.
3

Inicializar a polilinha. Por exemplo, digite :

polylineExample = new google.maps.Polyline ( PolylineOptions ); polylineExample.setMap (mapa);

Neste exemplo, estamos adicionando a polilinha para o mapa com a características definidas na variável " PolylineOptions " .
4

Criar o conjunto de locais clicando em pontos no mapa . Por exemplo, digite :

google.maps.event.addListener (map , 'click' , addLatLng );}

Neste exemplo, o Google escuta para que o usuário clique no mapa e armazena esse valor em " addLatLng ".
5

Crie o polígono utilizando a função addlatLng . Por exemplo, digite :

função addlatLng (event ) {var rota = polyline.getpath (); route.push ( event.latLng );

Continuando o exemplo ", GetPath " retorna o conjunto de valores atribuídos à " rota " variável e empurra as novas coordenadas geográficas para a matriz .
6

Adicione um marcador de local para cada ponto geográfico ao longo da polilinha. Por exemplo, digite :

var locMarker = new google.maps.locMarker ( {position : event.latLng , title: '#' + route.getLength () , map : map }); }

neste exemplo, o Google Maps traça os locais na rota ou polilinha usando os dados na matriz " rota " .
7

Salve seu código e testá-lo. Google Maps exibe uma linha em seu mapa. Para cada local Google Maps coloca um marcador . A polilinha será semelhante a uma imagem de ligar os pontos no mapa.

Anterior :

Próximo : No
  Os artigos relacionados
·Código de Validação JavaScript para campos correspon…
·Funções JavaScript para aceitar parâmetros nomeados 
·Por que meu Javascript Mostrar Proibido 
·Como criar um logotipo animado 3D em Javascript 
·O que faz Javascript Vazio Não é possível abrir Méd…
·Como converter um nó regular para um nó jQuery 
·Como fazer Scroll cumulativa offset em jQuery 
·Como adicionar uma superposição de imagem Com V3 Maps…
·JavaScript : Apostrophe Problema na URL 
·Código Embelezadores para JavaScript 
  Artigos em destaque
·Como usar coordenadas X e Y em Java 
·Como adicionar caixas de Pesquisa para Tese de barras d…
·NetBeans Função de Busca 
·Como escrever um script de FTP 
·Como converter uma string em um número inteiro em Gamb…
·O que é referência estática em Java 
·Como converter Números Primos para Código do alfabeto…
·Como Ctrl + Alt + Del um PC remoto 
·Como truncar uma partição no Oracle 
·O que é persistência de dados 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados