gpt4 book ai didi

javascript - phonegap 中的地理位置在模拟器上不起作用

转载 作者:行者123 更新时间:2023-11-28 07:54:42 25 4
gpt4 key购买 nike

我是phonegap开发的新手。请帮助我摆脱以下问题。 我正在开发一个phonegap应用程序,我必须读取当前的地理位置坐标,并根据该坐标在 map 上显示地理位置。当我在浏览器中运行代码时,它工作正常,但是当我在模拟器或移动设备上运行应用程序时, map 上没有显示任何内容,白色屏幕代替 map 可见。

这是我的代码。请帮助我,

<!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/003210-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>

提前致谢。

最佳答案

您在模拟器中设置了地理位置吗?

指定模拟器中位置的坐标。

Eclipse -> 开放视角 -> DDMS -> 模拟器控制 -> 位置控制

指定位置坐标,然后按“发送”

引自[此处]PhoneGap. Failed to start Geolocation service

关于javascript - phonegap 中的地理位置在模拟器上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26255002/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com