2016-02-12 43 views
-1

這是我的代碼:http://jsfiddle.net/spadez/ur3csb8g/1/替代身體的onload - 似乎沒有初始化

我只能夠進入我的代碼片段到網站的身體,而不是修改body標籤本身調用初始化函數調用谷歌地圖。

我試圖將智能和在這個標籤中包裹的一切:

$(document).ready(function() { 
//code 
} 

然而,谷歌地圖代碼不再運行。任何人都可以告訴我我要去哪裏錯了。我已經使用了教程中的代碼,所以應該沒問題,但是顯然我修改的位不是:(

+2

嘗試讀取錯誤控制檯瀏覽器的開發者工具 - *未捕獲的語法錯誤:之後參數列表失蹤)* - 和問題本身*提供一個測試用例*。 – Quentin

回答

0

您給了google map api fetch的回調函數,但該函數不存在。 $(document).ready(function()function initMap()

這是你更新的提琴:http://jsfiddle.net/ur3csb8g/3/

+0

看起來不錯,謝謝 – Jimmy

0

有在你的代碼相當多的錯誤,首先調用谷歌API和回調了Methode initMap不存在接下來你包的完整方法。初始化爲匿名函數,最後出現嵌套錯誤:

// name it like you call the api... 
function initMap() { 
     var latlng = new google.maps.LatLng(18.520266, 73.856406); 
     var latlng2 = new google.maps.LatLng(28.579943, 77.330006); 
     var myOptions = { 
     zoom: 15, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var myOptions2 = { 
     zoom: 15, 
     center: latlng2, 
     mapTypeId: google.maps.MapTypeId.SATELLITE 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
     var map2 = new google.maps.Map(document.getElementById("map_canvas_2"), myOptions2); 
     var myMarker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     title: "Pune" 
     }); 
     var myMarker2 = new google.maps.Marker({ 
     position: latlng2, 
     map: map2, 
     title: "Noida" 
     }); 
    } 

// wrap only the execution here... 
$(document).ready(function() { 
    initMap(); 
}); 

Working variant here.