帝国cms企业网站,开发网址,wordpress评论表单改成富文本,工商注册网上办事大厅之前的一个老项目#xff0c;使用 uniapp 的 uni.getLocation 发现H5端定位不准确#xff0c;比如余杭区会定位到临平区#xff0c;根据官方文档初步判断是项目的uniapp的版本太低。 我选择的方式不是区更新uniapp的版本#xff0c;是直接使用高德地图的api获取定位。
1.首…之前的一个老项目使用 uniapp 的 uni.getLocation 发现H5端定位不准确比如余杭区会定位到临平区根据官方文档初步判断是项目的uniapp的版本太低。 我选择的方式不是区更新uniapp的版本是直接使用高德地图的api获取定位。
1.首先在腾讯地图后台拿到地图的key
2.H5获取高德当前位置
1腾讯地图搜索定位组件 2html文件中引入
script srchttps://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js/script
3调用地图获取定位
// 高德地图获取定位H5getH5Location(){let self this;var geolocation new qq.maps.Geolocation(key,3212便民招聘网);geolocation.getLocation((position){console.log(position,position0); uni.setStorageSync(location_address, position.province position.city position.district);self.district position.district; }, (err){console.log(err,err);})},
3.微信小程序获取当前定位
1在manifest.json文件中勾选小程序位置用户打开小程序后会弹框显示是否要授权定位点击确定才会获取定位 2根据文档的步骤来文档位置微信小程序javascript SDK 3下载 JavaScriptSDK v1.2 文件放在目录下使用uniapp的uni.getLocation 来获取当前位置的经纬度初始化地图实例将位置的经纬度解析成中文地址
引入
var QQMapWX require(/libs/qqmap-wx-jssdk.min.js);
// 引入SDK核心类js文件根据自己业务位置可自行放置
var QQMapWX require(../../libs/qqmap-wx-jssdk.js);getWXLocation() {let self thisif(self.district){return;}uni.getLocation({type: gcj02,isHighAccuracy: true,success: (res) {let latitude, longitude;latitude res.latitude.toString();longitude res.longitude.toString();self.qqmapsdk new QQMapWX({key: key // 申请的key});console.log(this.qqmapsdk,self.qqmapsdk); self.qqmapsdk.reverseGeocoder({location:{latitude: latitude,longitude: longitude},success(response) {console.log(response,res---22);uni.setStorageSync(location_address, position.province position.city position.district);},fail: function(error) {console.error(error,error);}})}});},
4调用
onLoad: function(options) {// #ifdef H5this.getH5Location();// #endif//#ifdef MPthis.getWXLocation();//#endif},
