2016-07-14 1 views
0

Kopieren und Einfügen von Google Anweisungen:Google Map Javascript API funktioniert nicht

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Simple Map</title> 
    <meta name="viewport" content="initial-scale=1.0"> 
    <meta charset="utf-8"> 
    <style> 
     html, body { 
     height: 100%; 
     margin: 0; 
     padding: 0; 
     } 
     #map { 
     height: 100%; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="map"></div> 
    <div id="capture"></div> 
    <script> 
     var map; 
     function initMap() { 
     map = new google.maps.Map(document.getElementById('map'), { 
      center: {lat: -34.397, lng: 150.644}, 
      zoom: 8 
     }); 
     } 
    </script> 
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC8kDz25qFYhy1UYiPyrzvcOpkiwZz9C4o&callback=initMap" 
    async defer></script> 
    </body> 
</html> 

und ich bin immer noch diesen Fehler von Google bekommen: „Oops etwas schief gelaufen ist Diese Seite laden nicht Google Maps. In der JavaScript-Konsole finden Sie technische Details. "

Warum ist es so kompliziert?

Here is my API Key

+0

Sie die Funktion initMap fordern, bevor sie in der Google Maps js-Datei geladen wurden. – brunobliss

+0

Was sagt die JavaScript-Konsole? – geocodezip

Antwort

0

Es ist ganz einfach. Sie haben den API-Schlüssel nicht aktiviert. Ich kann mich nicht erinnern, wo genau das passiert oder wie, aber es ist einer der Schritte, als du den Schlüssel erstellt hast.

Google Maps API error: ApiNotActivatedMapError

Und in der Konsole-Nachricht enthalten ist der Link zu Ihren Anweisungen, was zu tun ist: https://developers.google.com/maps/documentation/javascript/error-messages#api-not-activated-map-error `

+0

so kompliziert, wissen Sie, was .. Ich klickte auf einen Knopf auf der Google-Website, dann schickte mich das zurück auf die Konsole API und ich weiß nicht einmal, wie ich es behoben, aber es funktioniert jetzt, danke sowieso –