第一步，引入插件

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          + '\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>

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

那么我们继续获取百度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          + '\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');

                    // 百度地图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    + '\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>

cordova 获取地理位置的更多相关文章

  1. PhoneGap Geolocation结合百度地图api获取地理位置api

    一.使用百度地图API 1.地址:http://developer.baidu.com/map/ 2.在js DEMO中获取反地址解析的DEMO 3.修改这个DEMO的密钥,去创建应用就能创建密钥,然 ...

  2. PhoneGap Geolocation 获取地理位置 api

    一. PhoneGap Geolocation 对象介绍 1.使应用程序可以访问地理位置信息.geolocation 对象提供了对设备 GPS 传感器的访问.Geolocation 提供设备的位置信息 ...

  3. HTML5 获取地理位置信息

    HTML5增加的新功能,获取地理位置信息,如果浏览器支持且设备有定位功能,就能够直接使用这组API来获取当前信息位置.该Geolocation API可以应用于移动设备中的地理位置. Geolocat ...

  4. HTML5获取地理位置

    包含了以下功能:(1)通过IP地址获取城市地址(并不完全准确,存在代理IP或IP中转时定位与实际位置不一致的情况)(2)通过移动端浏览器及GPS定位位置坐标(3)根据位置坐标转换百度地图坐标(4)根据 ...

  5. html5代码,获取地理位置

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta htt ...

  6. paip.获取地理位置根据Ip

    paip.获取地理位置根据Ip html转换txt 正则表达式截取mid 作者Attilax  艾龙, EMAIL:1466519819@qq.com 来源:attilax的专栏 地址:http:// ...

  7. Html5 Geolocation获取地理位置信息

    Html5中提供了地理位置信息的API,通过浏览器来获取用户当前位置.基于此特性可以开发基于位置的服务应用.在获取地理位置信息前,首先浏览器都会向用户询问是否愿意共享其位置信息,待用户同意后才能使用. ...

  8. Android 获取地理位置的经度和纬度(zz)

    在Android应用程序中,可以使用LocationManager来获取移动设备所在的地理位置信息.看如下实例:新建android应用程序TestLocation. 1.activity_main.x ...

  9. PHP通过IP 获取 地理位置(实例)

    发布:JB02   来源:脚本学堂  分享一例php代码,实现通过IP地址获取访问者的地理位置,在php编程中经常用到,有需要的朋友参考下吧.本节内容:PHP通过IP获取地理位置 例子: 复制代码代码 ...

随机推荐

  1. MySQL5.7 基于二进制包的安装

    1.MySQL5.7安装注意事项 1.在MySQL5.7中mysql_install_db已经不再推荐使用,建议改成mysqld-initialize 完成实力初始化.(mysql_install_d ...

  2. 扩充STL-编写自己的迭代器

    这里的迭代器能够与STL组件共同工作,是对STL的一种扩充.   自定义迭代器必须提供iterator_traits的五种特性,分别是迭代器类型.元素类型.距离类型.指针类型与reference类型. ...

  3. 关于八数码问题中的状态判重的三种解决方法（编码、hash、&lt;set&gt;）

    八数码问题搜索有非常多高效方法:如A*算法.双向广搜等 但在搜索过程中都会遇到同一个问题.那就是判重操作(假设反复就剪枝),怎样高效的判重是8数码问题中效率的关键 以下关于几种判重方法进行比較:编码. ...

  4. Linux——vi命令的使用

    vi的基本操作 a) 进入vi 在系统提示符号输入vi及文件名称后,就进入vi全屏幕编辑画面: $ vi myfile 不过有一点要特别注意,就是您进入vi之后,是处于「命令行模式(command m ...

  5. Nginx:管理HTTP模块的配置项

    参考资料<深入理解Nginx> 一个nginx.conf的例子 http { mytest_num ; server { server_name A; listen ; mytest_nu ...

  6. Andrew Ng机器学习笔记+Weka相关算法实现（五）SVM最优间隔和核方法

    这一章主要解说Ng的机器学习中SVM的兴许内容.主要包括最优间隔分类器求解.核方法. 最优间隔分类器的求解 利用以一篇讲过的的原始对偶问题求解的思路,我们能够将相似思路运用到SVM的求解上来. 详细的 ...

  7. python 读写数据

    开源标准数据集 —— mnist(手写字符识别) 下载地址:mnist.pkl.gz 1. 使用 python 读取和解析 mnist.pkl.gz import pickle import gzip ...

  8. file_put_contents执行返回false，file_put_contents false（linux服务器httpd）

    file_put_contents执行返回false,file_put_contents false(linux服务器httpd) 默认下selinux是开启的查看SELinux状态:1./usr/s ...

  9. wxWidgets之wxGrid控件

    1. 介绍 wxGrid控件时wxWidgets界面库中内置的网格控件. 通经常使用来显示表格数据.该控件拥有强大的功能.开发人员可依据自己的需求对其进行定制. 2. 经常使用API      构造函 ...

  10. 基于CentOS7的服务器搭建(LAMP环境)

    基于CentOS7的服务器环境搭建(LAMP环境) 一.安装MySQL组件 1.由于在CentOS7中,默认yum安装库中不含有mysql,我们可以下载mysql的分支MariaDB,如果必须要下my ...