Rendern einer My Maps mit Google Maps-JavaScript-API

Question

Wenn ich ein benutzerdefiniertes My Maps erstellt habe und Google standardmäßig die Freigabe über iframe zulässt.

Dies ist jedoch sehr langsam, und ich möchte stattdessen mit JS API rendern.

Was ist die einfachste Methode?

Answer 1

Eine Option besteht darin, die "Exportierte KML" von benutzerdefinierten Meine Maps zu verwenden, um die Daten auf einem 10 zu rendern.

Codefragment: (Daten aus this MyMap)

var geocoder; 
 
var map; 
 

 
function initialize() { 
 
    var map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }); 
 
    var layer = new google.maps.KmlLayer({ 
 
    url: "http://www.google.com/maps/d/kml?mid=zNPjLbo835mE.k3TvWfqGG-AU", 
 
    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>