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>
相關文章
相關標籤/搜索