Erstellen von Polygon mit API Google Map

Question

Ich beziehe mich auf die URL: https://housing.com/in/buy/search?f=eyJiYXNlIjpbeyJ0eXBlIjoiUE9MWSIsInV1aWQiOiJmMGZhNTIwNjI0ZjNhOGRlOWY4NSIsImxhYmVsIjoiUGltcGxlIFNhdWRhZ2FyIn1dLCJ2IjoyLCJzIjoiZCJ9

Ich versuche, etwas ähnliches, kann jeder machen Vorschläge, wie kann ich es erreichen. Ich habe versucht, Google Map APIs zu suchen und zu erkunden, konnte aber nicht verstehen, welche API insbesondere verwendet werden kann.

Answer 1

Versuchen Sie, die Google Maps Showcase zu lesen. Millionen von Apps und Websites verwenden Google Maps-APIs. Durchsuchen Sie die Präsentation, um einige unserer bevorzugten Implementierungen zu sehen.

Sie können die MarkerClusterer-Bibliothek in Kombination mit der Google Maps JavaScript-API verwenden, um Marker enger Nachbarschaft in Clustern zu kombinieren und die Anzeige von Markierungen auf der Karte zu vereinfachen.

Hier ist ein Beispielprojekt für MarkerCluster: https://github.com/googlemaps/v3-utility-library/tree/master/markerclusterer

Answer 2

Polygon ist ein Merkmal von Zeichenwerkzeugen von Google Maps. Die Klasse DrawingManager bietet eine grafische Benutzeroberfläche, mit der Benutzer Polygone, Rechtecke, Polylinien, Kreise und Markierungen auf der Karte zeichnen können.

Die Zeichentools sind eine eigenständige Bibliothek, die vom Google API-JavaScript-Hauptcode getrennt ist. Um die Funktionalität in dieser Bibliothek zu verwenden, müssen Sie es zuerst laden die Bibliotheken Parameter in der Maps-API-Bootstrap-URL:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=drawing"> </script>

Sobald Sie die Bibliothek Parameter hinzugefügt haben, können Sie ein DrawingManager Objekt erstellen, wie folgt:

var drawingManager = new google.maps.drawing.DrawingManager(); drawingManager.setMap(map);

Referenz: https://developers.google.com/maps/documentation/javascript/examples/drawing-tools