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