浏览器原生跟微信JS-SDK两种方法获取用户经纬度和所在城市的方法 www.MyException.Cn 网友分享于:2015-09-24 浏览:0次 浏览器原生和微信JS-SDK两种方法获取用户经纬度和所在城市的方法 网上找了很多根据经纬度获取城市的文章,没发现特别好用的,于是自己写了一个,包含自带浏览器获取经纬度和微信JS-SDK获取经纬度的方法,获取后并存入localStorage。 参考资料如下 微信JS-SDK :http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 百度地图API: http://developer.baidu.com/map/index.php?title=webapi/guide/webservice-geocoding 代码 var getLocation = { //浏览器原生获取经纬度方法 latAndLon: function (callback, error) { var that = this; if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; localStorage.setItem("latitude", latitude); localStorage.setItem("longitude", longitude); var data = { latitude: latitude, longitude: longitude }; if (typeof callback == "function") { callback(data); } }, function () { if (typeof error == "function") { error(); } }); } else { if (typeof error == "function") { error(); } } }, //微信JS-SDK获取经纬度方法 weichatLatAndLon: function (callback, error) { var that = this; var timestamp = new Date().getTime() + ""; timestamp = timestamp.substring(0, 10); var ranStr = randomString(); //微信接口配置 wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: ‘XXXXXXXXXXXXXXXXX‘, // 必填,公众号的唯一标识 timestamp: timestamp, // 必填,生成签名的时间戳 nonceStr: ranStr, // 必填,生成签名的随机串 signature: ‘XXXXXXXXXXXXXXXXX‘,// 必填,签名,见附录1 jsApiList: [‘checkJsApi‘, ‘getLocation‘ ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); //参见微信JS SDK文档:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html wx.ready(function () { wx.getLocation({ success: function (res) { var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90 var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。 var speed = res.speed; // 速度,以米/每秒计 var accuracy = res.accuracy; // 位置精度 localStorage.setItem("latitude", latitude); localStorage.setItem("longitude", longitude); var data = { latitude: latitude, longitude: longitude }; if (typeof callback == "function") { callback(data); } }, cancel: function () { //这个地方是用户拒绝获取地理位置 if (typeof error == "function") { error(); } } }); }); wx.error(function (res) { if (typeof error == "function") { error(); } }); }, //将经纬度转换成城市名和街道地址,参见百度地图接口文档:http://developer.baidu.com/map/index.php?title=webapi/guide/webservice-geocoding cityname: function (latitude, longitude, callback) { $.ajax({ url: ‘http://api.map.baidu.com/geocoder/v2/?ak=btsVVWf0TM1zUBEbzFz6QqWF&callback=renderReverse&location=‘ + latitude + ‘,‘ + longitude + ‘&output=json&pois=1‘, type: "get", dataType: "jsonp", jsonp: "callback", success: function (data) { console.log(data); var province = data.result.addressComponent.province; var cityname = (data.result.addressComponent.city); var district = data.result.addressComponent.district; var street = data.result.addressComponent.street; var street_number = data.result.addressComponent.street_number; var formatted_address = data.result.formatted_address; localStorage.setItem("province", province); localStorage.setItem("cityname", cityname); localStorage.setItem("district", district); localStorage.setItem("street", street); localStorage.setItem("street_number", street_number); localStorage.setItem("formatted_address", formatted_address); //domTempe(cityname,latitude,longitude); var data = { latitude: latitude, longitude: longitude, cityname: cityname }; if (typeof callback == "function") { callback(data); } } }); }, //设置默认城市 setDefaultCity: function (callback) { alert("获取地理位置失败!"); //默认经纬度 var latitude = "31.337882"; var longitude = "120.616634"; var cityname = "苏州市"; localStorage.setItem("latitude", latitude); localStorage.setItem("longitude", longitude); localStorage.setItem("cityname", cityname); localStorage.setItem("province", "江苏省"); localStorage.setItem("district", "虎丘区"); localStorage.setItem("street", "珠江路"); localStorage.setItem("street_number", "88号"); localStorage.setItem("formatted_address", "江苏省苏州市虎丘区珠江路88号"); var data = { latitude: latitude, longitude: longitude, cityname: cityname }; if (typeof callback == "function") { callback(data); } }, //更新地理位置 refresh: function (callback) { var that = this; //重新获取经纬度和城市街道并设置到localStorage that.latAndLon( function (data) { that.cityname(data.latitude, data.longitude, function (datas) { if (typeof callback == "function") { callback(); } }); }, function(){ that.setDefaultCity(function(){ if (typeof callback == "function") { callback(); } }); }); } }; 调用 //原生浏览器获取经纬度方法 getLocation.latAndLon( function (data) { //data包含经纬度信息 AGG.getLocation.cityname(data.latitude, data.longitude, function (datas) { //datas包含经纬度信息和城市 }); }, function () { AGG.getLocation.setDefaultCity( function (defaultData) { //设置默认城市 } ); } ); //微信JS-SDK获取经纬度方法 getLocation.weichatLatAndLon( function (data) { //data包含经纬度信息 AGG.getLocation.cityname(data.latitude, data.longitude, function (datas) { //datas包含经纬度信息和城市 }); }, function () { AGG.getLocation.setDefaultCity( function (defaultData) { //设置默认城市 } ); } );
时间: 2024-10-09 17:47:40