Como: polígonos no google maps em v3

Usando o Google Maps API versão de três, você pode desenhar polígonos em seus mapas do Google. Criar polígonos para destacar sua casa, uma atração turística ou uma determinada área, como o Triângulo das Bermudas, e mostrar este mapa em seu site. Você especifica o tamanho da linha, estilo de preenchimento, cor, coordenadas de latitude e longitude e Google chama automaticamente o polígono em seu mapa.

  • Abra o arquivo HTML e localize os scripts referenciar a sua mapa do Google. Adicione o código polígono javascript para seu script mapa.

  • Digite o coordenadas de latitude e longitude para cada vértice em seu polígono usando .LatLng objeto. Inicializar a variável que define as coordenadas do polígono, em seguida, definir as coordenadas usando "var myCoordinates = [novo google.maps.LatLng (latitude, longitude)," sintaxe. Cada vértice é uma linha separada de código.

  • Desenhar o polígono usando o comando Polygon. Siga esta sintaxe "myPolygon = new google.maps.Polygon ({caminhos: myCoordinates,".

  • Adicionar uma cor de traço a seguir a sintaxe "strokeColor: cor hexadecimal,".

  • Adicione peso para a linha seguinte a sintaxe "strokeWeight: número,".

  • Adicionar uma cor de preenchimento para o seu polígono seguindo a sintaxe "fillColor: cor hexadecimal,".

  • Salve o arquivo html, fazer o upload para o seu servidor web e testar seu mapa.

De esta maneira? Compartilhar em redes sociais:

LiveInternet