2011-03-14 226 views
0

我很困惑。我第一次使用Google Maps API(版本V3),但我不明白爲什麼Jquery已準備好速記不起作用。谷歌地圖API(地圖不顯示)

<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false"> 
</script> 

<script type="text/javascript"> 
    function initialize() { 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
    zoom: 8, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map"), 
    myOptions); 
} 

</script> 

我想這兩個$(function(){ }); and $(document).ready(function(){});

我的語法是正確的兩次和螢火控制檯顯示沒有錯誤。既不初始化地圖。但是,當我加入

onload="initialize()到我的身體標記,它的工作。

只是好奇這裏發生了什麼。

編輯:下面是實際的代碼

<script type="text/javascript" 
     src="http://maps.google.com/maps/api/js?sensor=false"> 
</script> 

<script type="text/javascript"> 


    $(function(){ 
    function initialize() { 
    var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
    zoom: 8, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map") 
    , 
    myOptions); 
} 
    }); 
+0

你可以顯示你使用過的代碼不起作用嗎?順便說一句,你需要將'sensor'設置爲'true'或'false' – 2011-03-14 00:55:19

+0

我不認爲你在前兩個調用中調用'initalize()'。 onload應該是'window.onload = initialize;' – kjy112 2011-03-14 00:56:57

+0

是的,我認爲你是對的。我定義了這個函數,但不要在這裏調用它,是吧? – Ben 2011-03-14 01:32:11

回答

0

也許你的問題是 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false"> 你將它設置爲真或假?順便說一句,你鏈接到一個有效的jQuery js表嗎? 您有合適的<Doctype>

+0

我的GET參數不好。在我的代碼中,我確實將傳感器設置爲false,並且JQuery通過我的代碼工作。 – Ben 2011-03-14 01:27:34

+0

等待,您的問題是否已解決或仍然卡住?順便說一句,確保加載您的自定義JS之前連接jQuery庫。 – 0x60 2011-03-14 07:09:38

+0

嗨,你好,我解決了這個問題。謝謝您的幫助! – Ben 2011-03-15 17:56:59

2

對不起,這是相當明顯的。

我正在定義初始化,但沒有調用它。

+0

是否有效?如果是那麼你沒有叫它 – kjy112 2011-03-15 01:05:32

+0

我剛剛遇到了同樣的問題,你的回答爲我節省了一些嚴肅的時間! – Bashevis 2013-06-02 19:54:44