2016-07-05 12 views
0

Ich benutze gmaps Bibliothek in Laravel. Ich habe einen API-Schlüssel auf google console erstellt und bin vorbei mein API-Schlüssel wie folgt aus:Google Maps Javascript API 204 Fehler

<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=API_KEY"></script> (. Ich weiß, dass dies nicht gute Praxis ist, aber jetzt teste ich es gerade)

Ich bin Initialisierung der Karte gmaps basic mit:

<html> 
    <div id='map'></div> 
</html> 
... 

<script> 
    new GMaps({ 
     div: '#map', 
     lat: -12.043333, 
     lng: -77.028333 
    }); 
</script> 

Auch wenn die Karte geladen ist, halte ich immer diese Fehler in der Konsole:

http://maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=host:localhost%3A8000,v:25,r:1,mt:m,c:-12.043333%2C-77.028333,sp:0.01889x0.04892,size:1140x450,relsize:0.96,token:5qcrlsvho,src:apiv3,ts:9zqxca 
http://maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=host:localhost%3A8000,v:25,r:1,mt:m,c:34.149737%2C-118.135962,sp:0.01598x0.04892,size:1140x450,relsize:0.96,token:5qcrlsvho,src:apiv3,ts:9zqxmi 

Kann mir jemand erklären, was die Fehler sind oder was sie verursacht oder wie ich sie beheben kann.


EDIT:

Ich habe bemerkt, dass, wie ich Zoom-In/Zoom-out mehr Fehler auftreten.

Antwort

0

Am Ende Ihres Körpers müssen Sie etwas wie folgt aus:

<script> 
     var map; 
     function initMap() { 
     map = new google.maps.Map(document.getElementById('map'), { 
      center: {lat: -12.043333, lng: -77.028333}, 
      zoom: 8 
     }); 
     } 
    </script> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=YOUR_KEY&callback=initMap"></script>