10: Cordova Geolocation获取当前位置

原创
2018/11/19 23:03
阅读数 145

1,添加Geolocation插件
首先我们要在“终端”中进入工程所在的目录,然后运行如下命令:

1

cordova plugin add cordova-plugin-geolocation

可以看到 geolocation 定位插件已经成功添加了:

原文:Cordova - Geolocation插件的使用(GPS地理定位,经度、纬度、海拔等)

如果测试中,发下定位有问题

请参考百度定位cordova插件

https://github.com/hewz/cordova-baidu-location 或者

https://github.com/mrwutong/cordova-qdc-baidu-location

https://www.jianshu.com/p/ca2846a72243( 使用百度最新的sdk)

申请百度sdk: 参考:http://lbsyun.baidu.com/index.php?title=androidsdk/guide/create-project/ak 

集成skd 参考http://lbsyun.baidu.com/index.php?title=androidsdk/guide/create-project/androidstudio

2,调用定位功能

下面样例代码,点击页面上的“获取位置信息”按钮后,会将获取到的GPS信息弹出显示。

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

<!DOCTYPE html>

<html>

    <head>

        <title>Capture Photo</title>

        <meta http-equiv="Content-type" content="text/html; charset=utf-8">

        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>

        <script type="text/javascript" charset="utf-8">

 

            document.addEventListener("deviceready",onDeviceReady,false);

 

            //Cordova加载完成会触发

            function onDeviceReady() {

            }

 

            function getCurrentPosition(){

                //定位数据获取成功响应

                var onSuccess = function(position) {

                    alert('纬度: '          + position.coords.latitude          + '\n' +

                          '经度: '         + position.coords.longitude         + '\n' +

                          '海拔: '          + position.coords.altitude          + '\n' +

                          '水平精度: '          + position.coords.accuracy          + '\n' +

                          '垂直精度: ' + position.coords.altitudeAccuracy  + '\n' +

                          '方向: '           + position.coords.heading           + '\n' +

                          '速度: '             + position.coords.speed             + '\n' +

                          '时间戳: '         + position.timestamp                + '\n');

                };

 

                //定位数据获取失败响应

                function onError(error) {

                    alert('code: '    + error.code    + '\n' +

                          'message: ' + error.message + '\n');

                }

 

                //开始获取定位数据

                navigator.geolocation.getCurrentPosition(onSuccess, onError);

            }

        </script>

    </head>

    <body style="padding-top:50px">

        <button style="font-size:23px;" onclick="getCurrentPosition();">获取位置信息</button>

    </body>

</html>


 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部