Javascript 谷歌地图API加载不正确_Javascript_Google Maps_Google Maps Api 3

Javascript 谷歌地图API加载不正确

javascript google-maps google-maps-api-3

Javascript 谷歌地图API加载不正确,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我试图在我的一个项目中使用谷歌地图JS API v3，直到前天一切都正常，然后当我尝试使用控制台调试时，突然停止工作，显示加载地图脚本main.JS的url失败 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css">

我试图在我的一个项目中使用

谷歌地图JS API v3

，直到前天一切都正常，然后当我尝试使用控制台调试时，突然停止工作，显示加载地图脚本

main.JS

的

url

失败

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key={API_KEY}&sensor=true">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>
</html>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（-34.397150.644），
缩放：8
};
var map=new google.maps.map（document.getElementById（“地图画布”），
地图选项）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

我使用了一个真正的API键来代替{API_key}

如何实现我的目标？

我将您的代码粘贴到名为test.html的文件中，插入了有效的api密钥，并在MAC OS X 10.9中测试了以下浏览器：

狩猎
铬
火狐

它可以在所有这些浏览器中正常工作，没有任何错误。请检查以下内容：

api密钥的有效期
不可见字符

尝试在不使用

键的情况下加载map

参数，并检查是否出现任何错误。您使用的是“实验”版本，可能新版本即将发布（或刚刚发布）。我只是检查了验证期，它与我生成它的时间相同，删除了该键并创建了一个新的，现在可以工作了，谢谢。