Adicionando marcadores personalizados sobre um resultado de pesquisa do Google Maps

Question

Adicionando marcadores personalizados sobre um resultado de pesquisa do Google Maps

#1 resposta do (0 votos)

0

Eu não tenho certeza se isso se encaixa como uma pergunta válida aqui, mas vou tentar. Pesquisei o tópico, mas encontrei apenas informações para uma visualização de mapa estática.

Gostaria de exibir marcadores personalizados em um mapa do Google após uma pesquisa por um determinado endereço.

Por exemplo, eu tenho poucos addreses de lugares em uma cidade em particular. Agora eu quero procurar por um novo no google maps. No resultado dessa pesquisa (um mapa com um alfinete mostrando o local pesquisado), quero exibir os outros lugares também.

Eu só quero verificar qual dos meus lugares já conhecidos está perto da nova pesquisa apenas observando o resultado no mapa.

Eu realmente quero saber se isso é de alguma forma possível. Talvez uma sugestão para o que eu deveria pesquisar exatamente para ler o tópico. Tudo o que eu encontrei até agora parece não se adequar a esse caso de uso específico que eu quero.

O que eu imagino é uma página com algum script java, talvez que incorpore a pesquisa do Google Maps e cuide da sobreposição de marcadores de um conjunto de dados de locais.

Isso é algo que eu posso fazer com a API de mapas do Google?

google-maps

por user1052226 08.10.2015 / 19:53

1 resposta

Tags google-maps

Como posso atualizar o BIOS sem bateria no ASUS? Pasta Thumbs do Windows Explorer

score 0 · Answer 1

Você está procurando a API Javascript do Google Maps , onde é possível usar a API apropriada.

Siga os exemplos fornecidos para obter mais informações (por exemplo, Simples marcadores ).

Exemplo de código:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Simple markers</title>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>

function initMap() {
  var myLatLng = {lat: -25.363, lng: 131.044};

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatLng
  });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!'
  });
}

    </script>
    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=API_KEY&signed_in=true&callback=initMap"></script></body></html>

Sevocêquiseradicioná-loaosresultadosdapesquisa,consulte:Exemplode Colocar pesquisas .