Google Maps API - Karte ist nicht geladen

Ich habe versucht, eine Google Map in meine Website einzubetten, aber mit nicht viel Erfolg. Ich habe den nächsten Code-Abschnitt verwendet: (i bin ein tatsächlichen api Schlüssel auf meinem eigenen Computer mit)Google Maps API - Karte ist nicht geladen

<script type="text/javascript" 
    src="https://maps.googleapis.com/maps/api/js?key=myapikey&sensor=true"> 
</script> 
<script type="text/javascript"> 
    function initialize() { 
    var mapOptions = { 
     center: new google.maps.LatLng(-34.397, 150.644), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map-canvas"), 
     mapOptions); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script>

innerhalb <body> Abschnitts i hinzugefügt habe <div id="map-canvas" style="width: 40%; height: 40%"></div>

Wie könnte ich dieses Problem umgehen? Vielen Dank im Voraus

Quelle

2013-03-29 Anonymous

Scheint, wie Problem mit api Schlüssel, versuchen sie, dass von URL entfernen –

Wie ich in der Post erwähnt habe - ich habe einen API-Schlüssel, nur ersetzt durch "myapikey" für den Beitrag –

Verwenden Sie die Chrome-Dev-Tools, um zu sehen, ob die Karten js-Dateien geladen sind, wenn ja, dann verwenden Sie das Debug-Tool und Legen Sie den Haltepunkt in map var fest und stellen Sie sicher, dass das Objekt erstellt wurde. –

Geben Sie die Breite und Höhe der Leinwand als absolute Längen an, anstatt %.

Zum Beispiel:

<div id="map-canvas" style="width: 300px; height: 400px"></div>

Alternativ halten mit % für die Leinwand, sondern legt es in einem Behälter mit einer Breite und Höhe als absolute Längen angegeben.

<div style="width:1000px; height:800px;"> 
    <div id="map-canvas" style="width: 40%; height: 40%"></div> 
</div>

Quelle

2013-03-29 10:45:32

Wir haben einen Gewinner :) Danke! –

Falls Sie don `t Ihre Größe absolute Höhe und Breite in Pixel zu beheben, stellen Sie sicher, dass alle Muttertags Höhe 100%

zum Beispiel html haben -> Körper -> some_ids -> map-ID

Alle von ihnen haben Höhe und Breite in%

ref: https://developers.google.com/maps/documentation/javascript/tutorial

Quelle

2017-12-27 12:41:01

Google Maps API - Karte ist nicht geladen

Antwort

Verwandte Themen