您现在的位置:首页 >> 前端 >> 内容

如何使用phonegap获取位置信息

时间:2017/8/18 8:51:00 点击:

  核心提示:如何使用phonegap获取位置信息!DOCTYPE html htmlhead meta charset=UTF-8 titleCompass Example/titlescript type=te...

如何使用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>

 

作者:网络 来源:不详