zoukankan      html  css  js  c++  java
  • 移动端geolocation插件+百度地图js获取地址

    第一步:引入获取经纬度的插件

    1 require("cordova!cordova-plugin-geolocation");// geo定位

    第二步:定义好获取经纬度的方法,通过调用内部function用百度地图的API获取详细位置

    Model.prototype.getGOOGLEAPI = function() {//方法定义不同框架有区别;使用请注意
            // 获取经纬度
            var itemScoreData = this.comp("itemScoreData");//这个data是一个前端对象
     var storage = window.localStorage;// 获取缓存对象
            navigator.geolocation.getCurrentPosition(successCallback, errorCallback);// 获取经纬度
            function successCallback(position) {
                var longitude= position.coords.latitude;// 经度
                var latitude = position.coords.longitude;// 纬度
         // URL
                var url = "http://api.map.baidu.com/geocoder/v2/?callback=renderReverse&location=" +longitude+ "," +latitude + "&output=json&pois=1&ak=UcxbIt99PwqVOOYWTDbGZxHkHkSGrvYB"; // 这里的key可以拿去用
    
    $.ajax({
                    url : url,
                    dataType : 'jsonp',
                    processData : false,
                    type : 'get',
                    success : function(data) {
                        var sCity = data.result.formatted_address;// 城市区县
                        var sTown = data.result.business;//
                        var sdetailed = data.result.sematic_description;// 详细地址
                        
                        // 具体地址定位login
                        var slongadress = sCity + sTown + sdetailed;// 拼接地址
                        storage["Door_sLoginSaddreddss"] = slongadress;// 将完整地址存入缓存
                        itemScoreData.setValue("work_site", slongadress);//将详细信息封装进前端对象中
                    },
                    error : function(XMLHttpRequest, textStatus, errorThrown) {
                        util.hint("百度地图获取信息失败", {
                            "position" : "danger"
                        });
                    }
                });
            }
            function errorCallback(position) {
                util.hint("获取经纬度失败", {
                    "position" : "warning"
                });
            }
        };

    第三步:调用getGOOGLEAPI()方法

    这样子地址就获取到了

    -------------------------------------------------------------------------------------------------------------------------------------------------------- 目前的博客发表主要以记录笔记为主,可能部分内容有些浅显,望各路大牛勿喷,请您雅正
  • 相关阅读:
    已经完全付款的发票仍然可以选择并进行零金额的付款
    How to fix Safari can't download .DMG
    WPF学习笔记系列
    无废话WPF系列17:数据模版
    Mac 用GUI工具打开隐藏文件
    无废话WPF系列19:MVVM简单介绍
    ASP.NET MVC3实战系列(二):面向接口编程,提高系统可测试性。
    Windows文件被占用解决办法
    无废话WPF系列18:控件模版
    ASP.NET MVC3实战系列(三):MVC3中使用依赖注入(IOC)
  • 原文地址:https://www.cnblogs.com/404code/p/8512544.html
Copyright © 2011-2022 走看看