Wie markieren Sie jeden Bereich mit Polygon in Google Map?

Question

Ich versuche eine Karte mit Google Map oder anderen Diensten zu erstellen.

In dieser Karte möchte ich jeden Bereich innerhalb der Stadt und ihre Details zeichnen.

Dies ist ähnlich der folgenden link.

Wie könnte ich es mit Google Map API erstellen? Oder gibt es den gleichen Weg wie bei der Google My Maps-Option?

Bitte beraten Sie mich.

Answer 1

Sie KmlLayer können die Polygone (usw.) von Ihrem MyMap auf einer Google Maps JavaScript API v3 Karte angezeigt werden (Sie werden einen API-Schlüssel benötigen).

Die URL durch den KML-Export ("Download KML") von Ihrem MyMap, Überprüfung beide Optionen erhalten:

Daten

• Bleiben Sie auf dem Laufenden mit Netzwerk-Link KML (nur nutzbar, online).
• Exportieren Sie in eine .KML-Datei (für vollständige Symbolunterstützung verwenden Sie .KMZ).

dann den Inhalt des <href> in der resultierenden Datei (und die HTML-Entität Codierung zu entfernen):

<href>http://www.google.com/maps/d/kml?forcekml=1&amp;mid=1yrtH76JreHzs8bU1-XOoVsEeRS0</href> 

Codefragment:

function initialize() { 
 
    var map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }); 
 
    var kmlLayer = new google.maps.KmlLayer({ 
 
    url: "http://www.google.com/maps/d/kml?forcekml=1&mid=1yrtH76JreHzs8bU1-XOoVsEeRS0", 
 
    map: map 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, "load", initialize);

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map_canvas"></div>