IE Google Map wird nicht angezeigt

-1

Ich versuche Google Maps in einer Anwendung zu implementieren, in der Höhe und Breite in Prozenten angegeben werden. In Chrome und Firefox funktioniert es, aber wenn ich das gleiche in IE versuche, ist der Kartenbereich grau. Kann jemand vorschlagen, wie ich es beheben kann.IE Google Map wird nicht angezeigt

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<h1>My First Google Map</h1> 
 

 
<div id="googleMap" style="width:100%;height:500%"></div> 
 

 
<script> 
 
function myMap() { 
 
var mapProp= { 
 
    center:new google.maps.LatLng(51.508742,-0.120850), 
 
    zoom:5, 
 
}; 
 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
 
} 
 
</script> 
 

 
<script src="https://maps.googleapis.com/maps/api/js?key=api_key&callback=myMap"></script> 
 

 

 
</body> 
 
</html>

Quelle

2017-05-15 Nandan A

Es ist wahrscheinlich keine gute Idee, Ihren API-Schlüssel anzuzeigen ... –

Danke @AlexWillison Wird das gleiche nächste Mal notieren –

Verwenden Sie IE 10? –

Versuchen Sie, die Höhe auf eine feste Anzahl von Pixeln einstellen, zum Beispiel 500px, ob das funktioniert wissen wir, das Problem gibt es so dann die gerade eingestellt html und body Höhe zu 100% und gehe zurück zu deiner 500% Höhe auf deiner Karte div.

Dies passiert in IE, wenn Sie Prozentsätze für die Höhe verwenden möchten, müssen alle vorhergehenden Elemente in Ihrer Hierarchie ebenfalls eine festgelegte Höhe haben.

Quelle

2017-05-15 13:31:24 randomguy04

das Komma nach Zoom entfernen. Sie können Ihre Eigenschaften auch so schreiben:

var mapProp= { 
    center: { lat: 51.508742, lng: ,-0.120850} 
    zoom:5 
};

Vielleicht hilft das. Ansonsten stelle einfach die Höhe auf 500% und schau, ob das funktioniert. Ich benutze gmaps in IE und es funktioniert perfekt

prost

Quelle

2017-05-15 13:17:03 Christian

Es hat nicht gelöst. Ich habe versucht, sowohl mapProp zu ändern und änderte auch die Breite, aber keine Verwendung. –

IE Google Map wird nicht angezeigt

Antwort

Verwandte Themen