Question

我在Laravel中使用gmaps库。我在google console上创建了一个API密钥，并且正在传递我的API密钥：

<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

有人可以向我解释错误是什么，导致错误的原因，以及我如何解决错误。

编辑：

我注意到，当我放大/缩小时会出现更多错误。

Answer 1

在你的身体末端你需要这样的东西：

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

Google Maps Javascript API 204错误

1 个答案: