Casa > C > Como Destacar Qualquer Limite De Área No Google Maps

Como destacar qualquer limite de área no Google Maps

A API do Google Maps tem vários tipos de sobreposições que você pode adicionar programmaticamente:
>

ul>>li>Li>Localizações únicas no mapa são exibidas usando marcadores. Os marcadores podem às vezes exibir imagens de ícones personalizados, neste caso eles são normalmente chamados de "ícones"li>Uma janela de informações é um tipo especial de sobreposição para exibir conteúdo (geralmente texto ou imagens) dentro de um balão popup em um determinado local no mapa.Linhas no mapa são exibidas usando polilinhas representando uma seqüência ordenada de localizações.
>>/li>main-qimg-ceeb78331f463a2627de7b04b77113cc.webp">
  • Linhas de forma arbitrária no mapa são exibidas usando polígonos. Tal como as polilinhas, os polígonos são uma sequência ordenada de localizações. Ao contrário das polilinhas, os polígonos definem uma região que eles delimitam.
  • >li> Você também pode definir círculos e retângulos no mapa.
  • Utilizar um símbolo para personalizar o ícone em um marcador ou adicionar imagens a uma polilinha. Um símbolo é uma imagem baseada em vetores definida por um caminho, usando notação de caminho SVG. A API também fornece opções para controlar como o símbolo será exibido.
  • li> Se você quiser colocar uma imagem em um mapa, você pode usar uma sobreposição de terra.
  • Você também pode implementar suas próprias sobreposições personalizadas, implementando a interface OverlayView.
  • As camadas de mapa podem ser exibidas usando tipos de mapas sobrepostos. Você pode criar seu próprio conjunto de tiles criando tipos de mapas personalizados que substituem os conjuntos de tiles do mapa base, ou aparecer no topo dos conjuntos de tiles do mapa base existentes como overlays.

>br> Código de Amostra para determinada imagem:

  1. // Este exemplo cria um polígono simples representando o Triângulo das Bermudas. 
  2.  
  3. function initialize() { 
  4. var mapOptions = { 
  5. zoom: 5, 
  6. center: new google.maps.LatLng(24.886436490787712, -70.2685546875), 
  7. mapTypeId: google.maps.MapTypeId.TERRAIN 
  8. }; 
  9.  
  10. var bermudaTriangle; 
  11.  
  12. var map = new google.maps.Map(document.getElementById('map-canvas'), 
  13. mapOptions); 
  14.  
  15. // Define the LatLng coordinates for the polygon's path. 
  16. var triangleCoords = [ 
  17. new google.maps.LatLng(25.774252, -80.190262), 
  18. new google.maps.LatLng(18.466465, -66.118292), 
  19. new google.maps.LatLng(32.321384, -64.75737), 
  20. new google.maps.LatLng(25.774252, -80.190262) 
  21. ]; 
  22.  
  23. // Construct the polygon. 
  24. bermudaTriangle = new google.maps.Polygon({ 
  25. paths: triangleCoords, 
  26. strokeColor: '#FF0000', 
  27. strokeOpacity: 0.8, 
  28. strokeWeight: 2, 
  29. fillColor: '#FF0000', 
  30. fillOpacity: 0.35 
  31. }); 
  32.  
  33. bermudaTriangle.setMap(map); 
  34.  
  35. google.maps.event.addDomListener(window, 'load', initialize); 

Source : Simple Polygon (https://developers.google.com/maps/documentation/javascript/examples/polygon-simple)

Hope this helps :)

De Lais

O que é um Uber waybill? :: Quais são alguns usos para uma caneta, além da escrita?