宝捱科技网
您的当前位置:首页phonegap使用方法介绍(二)获取位置信息

phonegap使用方法介绍(二)获取位置信息

来源:宝捱科技网


下面小编就为大家带来一篇使用phonegap获取位置信息的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实例如下:

<!DOCTYPE html> 
<html> 
 <head> 
 <meta charset="UTF-8"> 
 <title>Compass Example</title> 
 
 <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
 <script type="text/javascript" charset="UTF-8"> 
 document.addEventListener("deviceready", onDeviceReady, false); 
 
 function onDeviceReady() { 
 getPosition(); 
 } 
 
 //获取当前位置信息 
 function getPosition() { 
 navigator.geolocation.getCurrentPosition(onSuccess,onError); 
 } 
 
 
 //错误的回调 
 function onError(error) { 
 alert('code:'+error.code+'\n'+'message:'+error.message+'\n'); 
 } 
 
 //成功的回调 
 function onSuccess(position) { 
 alert('Latitude:'+position.coords.latitude+'\n'+ 
 'Longitude:'+position.coords.longitude+'\n'+ 
 'Altitude:'+position.coords.altitude+'\n'+ 
 'Accuracy:'+position.coords.accuracy+'\n'+ 
 'Altitude Accuracy:'+position.coords.altitudeAccuracy+'\n'+ 
 'Heading:'+position.coords.heading+'\n'+ 
 'Speed:'+position.coords.speed+'\n'+ 
 'Timestamp:'+new Date(position.timeStamp)+'\n'); 
 } 
 </script> 
 </head> 
 
 <body> 
 <button onclick="getPosition();">Start Watching</button> 
 </body> 
 
</html>
显示全文