Javascript googleMaps API不工作時，在單獨的文件

我已經從w3schools關於谷歌地圖api複製了一段代碼。Javascript googleMaps API不工作時，在單獨的文件

<!DOCTYPE html> 
<html> 
<head> 
<script 
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"> 
</script> 

<script> 
function initialize() 
{ 
var mapProp = { 
    center:new google.maps.LatLng(51.508742,-0.120850), 
    zoom:5, 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
} 

    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 

<body> 

</body> 
</html>

當我把它放在我的HTML文件中，它的工作原理。

但是，如果我嘗試這段代碼放在一個JavaScript文件中

function initialize() 
{ 
var mapProp = { 
    center:new google.maps.LatLng(51.508742,-0.120850), 
    zoom:5, 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
} 

    google.maps.event.addDomListener(window, 'load', initialize);

它不工作

裏面我的HTML將

<script 
    src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"> 
    </script> 
<script src = "~/Scripts/JScript.js"> </Script>

我也試過取出此功能

google.maps.event.addDomListener(window, 'load', initialize);

成爲

<script 
    src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"> 
    </script> 
<script src = "~/Scripts/JScript.js"> google.maps.event.addDomListener(window, 'load', initialize);</Script>

，但它只是似乎沒有工作

來源

2013-10-05 aceminer

嘗試使用$（document）.ready（）打包您的js – Sualkcin

您的元素'googleMap'在'html'中的位置？ –

你不能將代碼放在帶有外部源的'

從你的代碼中缺少重要的一塊。檢查你的HTML正文

<body> 
<div id="googleMap" style="width:500px;height:380px;"></div> 

</body>

來源

2013-10-05 05:04:25 Anam

相關問題