谷歌地圖在我的混搭中不可見

我在地圖腳本中是全新的，所以我的問題可能很愚蠢，但如果你能回答這個問題，我會愛上它。以下是我從谷歌地圖教程中獲取的代碼。運行示例時，它工作正常。但是當我在我的代碼中使用它時，沒有地圖可見。這裏是代碼：谷歌地圖在我的混搭中不可見

<!DOCTYPE html"> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>PGet</title> 
<link rel="stylesheet" type="text/css" href="view.css" media="all"> 
<script type="text/javascript" src="view.js"></script> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript" > 

function invokeMap() 
{ 


     var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    //document.getElementById('form_container').innerHTML=""; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 


} 

</script> 

</head> 
<body id="main_body" onload = "invokeMap()" > 


<div id="map_canvas" style="width: 500px; height: 400px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div> 

<img id="bottom" src="bottom.png" alt=""> 
</body>

來源

2011-07-25 rwik

<body onload="invokeMap()" >

一定要記住調用初始化函數。

來源

2011-07-25 21:04:25

沒明白你的意思。在教程中，該函數被命名爲初始化，在這裏我稱它爲invokemap。這是非法的嗎？ – rwik

不，你可以稱它爲任何你喜歡的，只要確保你打電話。你沒有發佈代碼，因爲我認爲你沒有。 –

這裏是你編寫的相同的代碼，你只需要給出適當的標籤。您的<body onload="invokeMap()" >是正確的。看到這個代碼

<html>  
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>PGet</title> 
<link rel="stylesheet" type="text/css" href="view.css" media="all"> 
<script type="text/javascript" src="view.js"></script> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript" > 

function invokeMap() 
{ 


     var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    //document.getElementById('form_container').innerHTML=""; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 


} 

</script> 

</head> 
<body id="main_body" onload = "invokeMap()" > 


<div id="map_canvas" style="width: 500px; height: 400px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div> 

<img id="bottom" src="bottom.png" alt=""> 
</body> 
</html>

來源

2015-09-09 06:47:35

谷歌地圖在我的混搭中不可見

回答

相關問題