zoukankan html css js c++ java

cordova 获取地理位置

第一步，引入插件

cordova plugin add cordova-plugin-geolocation

第二步，

<!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          + '
' +
                          '经度: '         + position.coords.longitude         + '
' +
                          '海拔: '          + position.coords.altitude          + '
' +
                          '水平精度: '          + position.coords.accuracy          + '
' +
                          '垂直精度: ' + position.coords.altitudeAccuracy  + '
' +
                          '方向: '           + position.coords.heading           + '
' +
                          '速度: '             + position.coords.speed             + '
' +
                          '时间戳: '         + position.timestamp                + '
');
                



　　　　　　　　　　};
 
                //定位数据获取失败响应
                function onError(error) {
                    alert('code: '    + error.code    + '
' +
                          'message: ' + error.message + '
');
                }
 
                //开始获取定位数据
                navigator.geolocation.getCurrentPosition(onSuccess, onError);
            }
        </script>
    </head>
    <body style="padding-top:50px">
        <button style="font-size:23px;" onclick="getCurrentPosition();">获取位置信息</button>
    </body>
</html>

这两步可以实现获取经纬度；

那么我们继续获取百度api实现地理位置文字获取；

我直接在上个hmlt添加好了

<!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>

<!--这里是引入百度api的地方-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5a21b9801cac081f6473bafdc558c53a"></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          + '
' +
                          '经度: '         + position.coords.longitude         + '
' +
                          '海拔: '          + position.coords.altitude          + '
' +
                          '水平精度: '          + position.coords.accuracy          + '
' +
                          '垂直精度: ' + position.coords.altitudeAccuracy  + '
' +
                          '方向: '           + position.coords.heading           + '
' +
                          '速度: '             + position.coords.speed             + '
' +
                          '时间戳: '         + position.timestamp                + '
');

                    // 百度地图API功能
                    var map = new BMap.Map("allmap");
                    alert("测试--"+map+"经度:"+position.coords.latitude+"纬度"+position.coords.longitude)
                    var point = new BMap.Point(position.coords.longitude,position.coords.latitude);//纬度,经度
                    alert("测试-point-")
                    var gc = new BMap.Geocoder();
                    alert("测试-gc-")
                    var pt = point;
                    gc.getLocation(pt, function(rs){
                        var addComp = rs.addressComponents;
                          alert("成功--")
                        alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " +
                        addComp.streetNumber);
                    });
                };
　　　　　　　　　　///////////////////////////////////////百度api结束///////////
                //定位数据获取失败响应
                function onError(error) {
                    alert('code: '    + error.code    + '
' +
                          'message: ' + error.message + '
');
                }

                //开始获取定位数据
                navigator.geolocation.getCurrentPosition(onSuccess, onError);

            }

    </script>
</head>
<body style="padding-top:50px">
<button style="font-size:23px;" onclick="getCurrentPosition();">获取位置信息</button>
</body>
</html>

查看全文

相关阅读:
第一章—v-text和v-html
第一章—v-for
第一章—v-show
react_9
【软件工程】
【软件工程】网页设计基础第一章
 【软件工程】psp四则运算
 【python】网络爬虫与信息提取
 【python】数据库学习笔记，设计自己的大学排名
 【python】用python玩微信跳一跳小游戏

原文地址：https://www.cnblogs.com/Amos-Turing/p/6735113.html