Google Maps v3，错误消息“Google未定义”

Question

我正在尝试实现基本的“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);
});

我得到的错误是：

'未捕获的ReferenceError：未定义谷歌'

我该如何解决这个问题？

Answer 1

您的来源有误，我还建议您指定要加载的确切版本：

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

这应该有所帮助。

Answer 2

如果您的主站点位于https平台且地图位于http，则有时会在浏览器Google Chrome中发生这种情况。 为了显示地图，你在URL框中有一个盾牌，只需点击盾牌就可以显示它。

Answer 3

您的代码中有很多东西：

你已经给了document.ready但是没有jQuery链接
您的document.ready必须位于<script>标记</script>
您还应该为您持有地图的div指定height和width ，因此它只是一个空标记。
您已经为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>

Google Maps v3，错误消息“Google未定义”

问题描述

3 个解决方案

解决方案1
15 已采纳 2011-11-19 11:02:19

解决方案2
2 2013-01-02 15:30:23

解决方案3
2 2011-11-19 15:59:13

Google Maps v3，错误消息“Google未定义”

问题描述

3 个解决方案

解决方案1 15 已采纳 2011-11-19 11:02:19

解决方案2 2 2013-01-02 15:30:23

解决方案3 2 2011-11-19 15:59:13

解决方案1
15 已采纳 2011-11-19 11:02:19

解决方案2
2 2013-01-02 15:30:23

解决方案3
2 2011-11-19 15:59:13