2016-07-05 154 views
0

我在Laravel使用gmaps庫。我創建了google console API密鑰和我通過我的API密鑰是這樣的:谷歌地圖Javascript API 204錯誤

<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=API_KEY"></script>(我知道這是不好的做法,但現在我只是測試它)

我初始化使用gmaps basic地圖:

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

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

即使在地圖加載,我一直在控制檯收到這些錯誤:

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 

有人可以向我解釋錯誤是什麼,或者是什麼原因造成的,或者我如何解決這些錯誤。


編輯:

我注意到,當我放大/縮小會出現更多的錯誤。

回答

0

在你的身體到底你需要的東西是這樣的:

<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>