Hinzufügen von benutzerdefinierten Markern zu einem Google Maps-Suchergebnis

1703
user1052226

Ich bin nicht sicher, ob dies als gültige Frage hier passt, aber ich werde es versuchen. Ich habe nach dem Thema gesucht, aber nur Informationen für eine statische Kartenansicht gefunden.

Ich möchte nach einer Suche nach einer bestimmten Adresse benutzerdefinierte Markierungen auf einer Google-Karte anzeigen.

Zum Beispiel habe ich nur wenige Adressen von Orten in einer bestimmten Stadt. Jetzt möchte ich in Google Maps nach einem neuen suchen. Zum Ergebnis dieser Suche (eine Karte mit einem Pin, die den gesuchten Ort zeigt), möchte ich auch die anderen Orte anzeigen.

Ich möchte nur überprüfen, welcher meiner bereits bekannten Orte in der Nähe der neuen Suche ist, indem ich das Ergebnis auf der Karte anschaue.

Ich möchte wirklich wissen, ob das irgendwie möglich ist. Vielleicht ein Hinweis darauf, was ich genau suchen sollte, um das Thema zu lesen. Alles, was ich bisher gefunden habe, scheint für den speziellen Anwendungsfall, den ich möchte, nicht zu passen.

Was ich mir vorstelle, ist eine Seite mit etwas Java-Skript, die vielleicht die Google Maps-Suche einbettet und die Überlagerung von Markern aus einem Datensatz von Orten übernimmt.

Kann ich das mit den Karten-API von Google tun?

0
Erstellen Sie eine eigene App oder versuchen Sie dies im Browser? Haben Sie Code, den Sie teilen können? kenorb vor 8 Jahren 0
Nein, ich baue keine App. Ich möchte eine lokale Seite haben, die ich im Browser aufrufen kann. Es sollte die Google Maps-Seite eingebettet sein, in der ich suchen könnte. Wenn das Ergebnis jetzt angezeigt wird, möchte ich zusätzliche Markierungen in der resultierenden Karte haben. Ich habe bisher keinen Code, nur um zu untersuchen, ob dies möglich ist, weil ich bisher kein Glück hatte, Beispiele für diese Art von Anwendungsfall zu finden. user1052226 vor 8 Jahren 0

1 Antwort auf die Frage

0
kenorb

Sie suchen nach Google Maps Javascript API, wo Sie die entsprechende API verwenden können.

Bitte folgen Sie den angegebenen Beispielen für weitere Informationen (z . B. einfache Marker ).

Beispielcode:

<!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 = ;  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> 

Wenn Sie schauen, es oben auf den Suchergebnissen hinzufügen, finden Sie : Platz sucht Beispiel.

Danke, das Place Searches-Beispiel hat mich in Bewegung gesetzt. Fügen Sie einfach meine anderen Orte zum Code hinzu und sie werden entlang der gefundenen Ergebnisse angezeigt. Eigentlich ziemlich direkt. Nochmals vielen Dank, dass Sie sich die Zeit genommen haben. user1052226 vor 8 Jahren 1