12模块-geolocation【管理设备位置信息用于定位】

Geolocation模块管理设备位置信息,用于获取地理位置信息,如经度、纬度等。通过plus.geolocation可获取设备位置管理对象。虽然W3C已经提供标准API获取位置信息,但在某些平台存在差异或未实现,为了保持各平台的统一性,定义此规范接口获取位置信息。

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>心得</title>
<script type="text/javascript">
var zbid = null;
function get_zb(){
//getCurrentPosition 是只获取一次
//getCurrentPosition 的参数中 maximumAge可写可不写因为只获取一次
//getCurrentPosition和 watchPosition的 参数会共用,例如watchPosition中开启geocode后getCurrentPosition关闭,那么geocode就是关闭状态
//除非watchPosition再次调用的时候开启,所以建议  这两个函数 在页面中只存在一个即可,或者建议使用watchPosition。启用次后 1秒关闭
plus.geolocation.getCurrentPosition(function(p){
document.getElementById("imglist").innerHTML += "";
document.getElementById("imglist").innerHTML += "<li>1完整的地区"+p.addresses+"</li>";
document.getElementById("imglist").innerHTML += "<li>1省份"+p.address.province+"</li>";
document.getElementById("imglist").innerHTML += "<li>1海拔高度"+p.coords.altitude+"</li>";
},function(e){
alert('1获取定位失败'+e.message)
},
{maximumAge:3000,provider:"baidu",geocode:false});
if(zbid!=null){
alert('当前已开启坐标定位功能:'+zbid);
return '';
}
//watchPosition 则是 3秒一次的回调
zbid = plus.geolocation.watchPosition(function(p){
document.getElementById("imglist").innerHTML += "";
document.getElementById("imglist").innerHTML += "<li>1完整的地区"+p.addresses+"</li>";
document.getElementById("imglist").innerHTML += "<li>2纬度"+p.coords.latitude+"</li>";
document.getElementById("imglist").innerHTML += "<li>2经度"+p.coords.longitude+"</li>";
document.getElementById("imglist").innerHTML += "<li>2海拔高度"+p.coords.altitude+"</li>";
},function(e){
alert('2获取定位失败'+e.message)
},
{maximumAge:3000,provider:"baidu",geocode:true});
}
function close_zb(){
alert('已关闭坐标定位功能');
plus.geolocation.clearWatch(zbid);
zbid = null;
}
</script>
</head>
<style>
div{height:40px; line-height: 40px;border-bottom:#ccc dashed 1px;}
</style>
<body>
<div onClick="get_zb()">获取当前位置信息</div>
<div onClick="close_zb()">关闭坐标获取</div>
<ul id="imglist">
</ul>
</body>
</html>

 

posted @ 2018-07-17 19:20  学画人生  阅读(348)  评论(0编辑  收藏  举报