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

您的代码中有很多内容：

您已提供document.ready，但没有jQuery链接
您的document.ready必须位于<script>代码</script>
您还应该将height和width提供给您持有地图的div，因此它只是一个空标记。
您已为地图定义了myOptions，并且没有什么可以解释地图，因为加载地图时要考虑的选项是什么**

这是一个完整的例子：

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

Answer 3

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

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

3 个答案: