phonegap获取位置信息详解


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来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>

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

phonegap操作数据库详解

不刷新的前提下怎样改变当前url的代码

以上就是phonegap获取位置信息详解的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html基础图像知识详解

详解vue列表渲染

h5的服务器推送事件详解

phonegap的常用事件总结

使用phonegap对联系人进行查找的方法

js || &&详解

h5的存储方式详解

vue.directive的自定义指令详解

phonegap播放音频详解

html5语义化标签及兼容性处理详解

更多相关阅读请进入《phonegap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...