如何使用phonegap获取位置信息的实现方法

百变鹏仔 2个月前 (10-18) #H5教程

文章标签如何使用

下面小编就为大家带来一篇使用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(&#39;code:&#39;+error.code+&#39;\n&#39;+&#39;message:&#39;+error.message+&#39;\n&#39;);             }               //成功的回调              function onSuccess(position) {                 alert(&#39;Latitude:&#39;+position.coords.latitude+&#39;\n&#39;+                 &#39;Longitude:&#39;+position.coords.longitude+&#39;\n&#39;+                 &#39;Altitude:&#39;+position.coords.altitude+&#39;\n&#39;+                 &#39;Accuracy:&#39;+position.coords.accuracy+&#39;\n&#39;+                 &#39;Altitude Accuracy:&#39;+position.coords.altitudeAccuracy+&#39;\n&#39;+                 &#39;Heading:&#39;+position.coords.heading+&#39;\n&#39;+                 &#39;Speed:&#39;+position.coords.speed+&#39;\n&#39;+                 &#39;Timestamp:&#39;+new Date(position.timeStamp)+&#39;\n&#39;);             }         </script>     </head>       <body>         <button onclick="getPosition();">Start Watching</button>     </body>   </html>

文章推荐

如何使用phonegap获取位置信息的实现方法

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集