1
我是手機開發的新手。請幫我解決以下問題。 我正在開發一個phonegap應用程序,我必須閱讀當前的地理位置座標,並根據該地圖在地圖上顯示地理位置。雖然我在瀏覽器中運行我的代碼,但它工作正常,但是當我在模擬器上運行應用程序或移動設備時沒有顯示任何地圖,白色屏幕可以代替地圖顯示。phonegap中的地理位置不能在模擬器上工作
這是我code.Please幫我,
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% width: 100%}
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA6YvhWQgns2SVExEys8V-WeVfxdQAIqVQ">
</script>
<script type="text/javascript">
var lat = 0;
var long = 0;
infowindow.open(map,marker);
function initGeolocation(){
if(navigator.geolocation){
// Call getCurrentPosition with success and failure callbacks
//navigator.geolocation.getCurrentPosition(success, fail);
navigator.geolocation.getCurrentPosition(success,fail,{enableHighAccuracy:true},{timeout:9000});
}
else{var long = position.coords.longitude;
var lat = position.coords.latitude;
alert("Sorry, your browser does not support geolocation services.");
}
}
function success(position)
{
var long = position.coords.longitude;
var lat = position.coords.latitude;
console.log('Coordinates: ' +position.coords);
console.log('TimeStamp' + position.timestamp);
var myOptions =
{
center: new google.maps.LatLng(lat,long),
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
marker = new google.maps.Marker({
position: new google.maps.LatLng(lat, long),
map: map
});
}
function fail()
{
console.log('error' +error.message);
console.log('code' + error.code);
alert("error");
}
</script>
<div class="divImageHolder">
<a href="menu.html" title="Mouseover Description"><img style="width: 20px; height: 20px; border: 0;" src="http://etc-mysitemyway.s3.amazonaws.com/icons/legacy-previews/icons/green-jelly-icons-media/-green-jelly-icon-media-a-media31-back.png" alt="Text Description"></a></div>
</div>
</head>
<body onload="initGeolocation()">
<div id="map_canvas" style="width:100%; height:100%">
</div>
</body>
</html>
在此先感謝。
我使用的IntelliJ IDE使用以下路徑 – MAK 2014-10-08 11:15:41
嘗試簡稱: - >工具 - 開放的IntelliJ IDE> DDMS ... – Amy 2014-10-08 11:20:33
你是否得到了解決? – Amy 2014-10-08 11:45:26