当前位置:首页 / 网页制作 / html5教程 / phonegap获取位置信息介绍
phonegap获取位置信息介绍
芯晴素材特效 分类:html5教程 发布日期:2018-05-11

这次给大家带来phonegap获取位置信息详解,phonegap获取位置信息的注意事项有哪些,下面就是实战案例,一起来看一下。

实例如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!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>

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

JS操作控制div层的展开关闭效果

2013-01-18   浏览:8014

一个漂亮的带进度条的等待跳转页面

2013-01-14   浏览:11252

韩国购物网商品推荐广告网页下载

2017-03-11   浏览:421

带QQ和旺旺右侧悬浮在线客服

2017-03-16   浏览:503

倒影效果的电子表,显示当前时间

2013-01-08   浏览:8340

win8扁平风格网页侧边栏在线客服

2017-03-15   浏览:109

jQuery安卓发展史时间轴网页下载

2017-03-13   浏览:438

页面上自由移动飞舞的多幅图片

2012-12-28   浏览:7893

[荐] 为图片添加漂亮的说明文字的cs

2013-01-08   浏览:8290

图片带链接的javascript幻灯片播放

2013-01-04   浏览:9169

JS动画测试:透明度渐变、位置移动、

2013-01-11   浏览:8467

jq滚动下拉

2017-03-19   浏览:465