45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:如何使用phonegap获取位置信息?

如何使用phonegap获取位置信息?

2017-08-15 15:33:00 来源:www.45fan.com 【

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

以上这篇使用phonegap获取位置信息的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持路饭。


本文地址:http://www.45fan.com/a/question/91159.html
Tags: 获取 phonegap 位置
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部