谷歌地图v3，错误信息“谷歌是未定义的”

Google Maps v3, error message "Google is undefined"

本文关键字：未定义 谷歌 v3 错误 信息 谷歌地图      更新时间：2023-09-26

我在我的网站上得到错误只是试图实现基本的"Hello world"应用程序:

<div id="map"></div> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
$(document).ready(function () {
    map = new google.maps.Map(document.getElementById("map"), myOptions);
});
我得到的错误是:

'Uncaught ReferenceError: google is not defined'

如何解决这个问题?

你的源代码是错误的，我还建议指定你想要加载的确切版本:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=true"></script>

应该有帮助。

代码中的很多东西:

  1. 您给出了document.ready，但没有jQuery链接

  2. 您的document.ready必须在<script>标签</script>

  3. 你也应该把height和width给你持有地图的div，因此它只是一个空标签。

  4. 您已经为Map定义了myOptions，并且没有什么可以解释Map作为加载地图时要考虑的选项**

下面是一个完整的例子:

<html>
<body>
<div id="map" style="width:500px;height:500px;"></div> 
<script type="text/javascript" src="Please put your jquery here"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
var myLatlng = new google.maps.LatLng(40.65, -73.95);
  var myOptions = {
    zoom: 13,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
$("document").ready(function () {
    map = new google.maps.Map(document.getElementById("map"), myOptions);
});
</script>
</body>
</html>

如果你的主站是在https平台上，而地图是在http平台上，有时这种情况会发生在浏览器Google Chrome中。为了显示地图，你在URL框中有一个屏蔽，只需点击屏蔽，它就会显示出来。

相关文章：