Question

最近，在Google推出了新的配额政策之后，我已经在自己的网站上修复了Google地图。而且一切正常。今天，我发现该地图不再显示。

这是我如何调用Google API（我已经删除了我的API密钥）：

<script src="https://maps.googleapis.com/maps/api/js?key=MYAPIKEY"></script>

我的地图在这里：

<div id="map_canvas" class="google-map2"></div>
<div id="map_canvas2" class="google-map2"></div>
<div id="map_canvas3" class="google-map2"></div>

这就是我在页脚中调用脚本的方式：

<script src="google_map.js"></script>
<script>
  jQuery(function(){
  setTimeout(initMap,700);
  });
</script>

脚本代码在这里：

function initMap()
          {
$(document).foundation();
var latlng = new google.maps.LatLng(51.461748, -0.361708);
var latlng2 = new google.maps.LatLng(51.425760, -0.334870);
var latlng3 = new google.maps.LatLng(51.491513, -0.234123);

var myOptions =
{
    zoom: 13,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var myOptions2 =
{
    zoom: 13,
    center: latlng2,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var myOptions3 =
{
    zoom: 13,
    center: latlng3,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};


var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var map2 = new google.maps.Map(document.getElementById("map_canvas2"), myOptions2);
var map3 = new google.maps.Map(document.getElementById("map_canvas3"), myOptions3);


var myMarker = new google.maps.Marker(
{
    position: latlng,
    map: map,
    title:"Head Office"
             });
             var myMarker2 = new google.maps.Marker(
{
    position: latlng2,
    map: map2,
    title:"Head Office 2"
});
var myMarker3 = new google.maps.Marker(
{
    position: latlng3,
    map: map3,
    title:"Head Office 3"
});

}

自从我的地图上次使用以来，我没有进行任何网站更改。有人可以向我指出如何找到问题所在吗？

编辑：我在这里创建了JsFiddle：https://jsfiddle.net/Ldqfztev/

如何找到Google Map API的问题所在？

0 个答案: