2014-04-04 81 views
0

我試過所有可能的解決方案,但地圖只是沒有顯示。我的webview只顯示空白。谷歌地圖JavaScript的v3 api不工作

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<link rel="stylesheet" type="text/css" href="theme.css"> 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script> 
<script type="text/javascript"> 
var map; " + 
function initialize() {  
var latitude = 0;  
var longitude = 0;  
if (window.android){  
    latitude = window.android.getLatitude();  
    longitude = window.android.getLongitude();  
    }  

var myOptions = {  
     zoom: 20,  
     center: myLatLng  
     }  
map = new google.maps.Map(document.getElementById('map_canvas'),  myOptions); 
} 

function centerAt(latitude, longitude){  
    myLatlng = new google.maps.LatLng(latitude,longitude);  
    map.panTo(myLatLng); 
    } 
</script> 
<title>Insert title here</title> 
</head> 
<body> 
    <div id="map_canvas" style="height: 100px; width=100px;">This is the map canvas</div> 
    <script type="text/javascript">initialize();</script> 
</body> 
</html> 

我已經縮小到這一行:地圖=新google.maps.Map(的document.getElementById( 'map_canvas提供'),myOptions);

當這條線被執行時,它失敗。

任何幫助表示讚賞。

謝謝。

問候, 德克斯特

回答

0

我看不到myLatLng定義比centerAt()功能等。你需要通過谷歌地圖LatLng對象的center屬性的myOptions

var myLatlng = new google.maps.LatLng(latitude, longitude); 

var myOptions = {  
    zoom: 20,  
    center: myLatLng  
} 
... 

而且還有我不明白一件奇怪的事情:

var map; " + 
     ^^ 
0

我不好,提交了錯誤的代碼。無論如何,這裏的主要問題是關係。我花了很長時間才意識到這一點,因爲我只關注代碼。

謝謝。