网站站内搜索制作,网站信息化建设总结,开发公司与物业公司前期合同,网站建设与管理总结报告项目场景#xff1a; 背景#xff1a;
微信小程序端获取手机定位坐标#xff0c;以及正确展示位置通过详细地址解析为定位坐标显示在小程序端以及PC后台小程序获取的地理坐标与百度地图坐标相互转化 相关知识
目前国内主要有以下三种坐标系#xff1a;
WGS84#xff1a…项目场景 背景
微信小程序端获取手机定位坐标以及正确展示位置通过详细地址解析为定位坐标显示在小程序端以及PC后台小程序获取的地理坐标与百度地图坐标相互转化 相关知识
目前国内主要有以下三种坐标系
WGS84为一种大地坐标系也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。GCJ02又称火星坐标系是由中国国家测绘局制订的地理信息系统的坐标系统。由WGS84坐标系经加密后的坐标系。BD09为百度坐标系在GCJ02坐标系基础上再次加密。其中bd09ll表示百度经纬度坐标bd09mc表示百度墨卡托米制坐标。 非中国地区地图服务坐标统一使用WGS84坐标。
坐标系使用厂商大地坐标系WGS84GPS定位系统及相关设备、谷歌地图火星坐标GCJ02高德地图、阿里云地图、 腾讯搜搜地图 、高德MapABC地图API 、小程序百度地图百度坐标BD09百度地图图吧坐标图吧MapBar地图
问题描述
小程序端获取的坐标显示在百度地图上地理位置出现偏差
解决问题
小程序获取的定位坐标可选type 有两种 wgs84 : gps定位坐标 gcj02: 火星定位坐标。
typewgs84返回gps坐标gcj02 返回可用于wx.openLocation的坐标altitude传入 true 会返回高度信息由于获取高度需要较高精确度会减慢接口返回速度 isHighAccuracy开启高精度定位highAccuracyExpireTime高精度定位超时时间(ms)指定时间内返回最高精度该值3000ms以上高精度定位才有效果
wx.getLocation({// type: wgs84, // gps定位 坐标系type: gcj02, // 重点就是在这里,最好使用这种对接百度小程序端地址解析 success: function(){},fail: function(){}
})小程序端使用百度地图api 地址解析为详细地址 传入的坐标系需要为 gcj02类型并不是百度坐标系
const bmap require(../../utils/bmap-wx.js); // 引入bmap-wx文件var BMap new bmap.BMapWX({ak: 你申请的小程序百度地图的ak})BMap.regeocoding({location: res.latitude , res.longitude, // 百度api 地址解析使用的坐标点类型为 gcj02success: function (res) {console.log(res.originalData.result.sematic_description)},fail: function () {}})小程序端获取的定位需要转化为百度系坐标用于后端展示则需要通过一定的算法将gcj02转化为百度坐标这里有写好的算法, 大家直接粘贴
WSCoordinate.js
/*** 判断经纬度是否超出中国境内*/
function isLocationOutOfChina(latitude, longitude) {if (longitude 72.004 || longitude 137.8347 || latitude 0.8293 || latitude 55.8271)return true;return false;}/*** 将WGS-84(国际标准)转为GCJ-02(火星坐标):*/function transformFromWGSToGCJ(latitude, longitude) {var lat ;var lon ;var ee 0.00669342162296594323;var a 6378245.0;var pi 3.14159265358979324;if (isLocationOutOfChina(latitude, longitude)) {lat latitude;lon longitude;}else {var adjustLat transformLatWithXY(longitude - 105.0, latitude - 35.0);var adjustLon transformLonWithXY(longitude - 105.0, latitude - 35.0);var radLat latitude / 180.0 * pi;var magic Math.sin(radLat);magic 1 - ee * magic * magic;var sqrtMagic Math.sqrt(magic);adjustLat (adjustLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);adjustLon (adjustLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);latitude latitude adjustLat;longitude longitude adjustLon;}return { latitude: latitude, longitude: longitude };}/*** 将GCJ-02(火星坐标)转为百度坐标:*/function transformFromGCJToBaidu(latitude, longitude) { var pi 3.14159265358979324 * 3000.0 / 180.0;var z Math.sqrt(longitude * longitude latitude * latitude) 0.00002 * Math.sin(latitude * pi);var theta Math.atan2(latitude, longitude) 0.000003 * Math.cos(longitude * pi);var a_latitude (z * Math.sin(theta) 0.006);var a_longitude (z * Math.cos(theta) 0.0065);return { latitude: a_latitude, longitude: a_longitude };}/*** 将百度坐标转为GCJ-02(火星坐标):*/function transformFromBaiduToGCJ(latitude, longitude) {var xPi 3.14159265358979323846264338327950288 * 3000.0 / 180.0;var x longitude - 0.0065;var y latitude - 0.006;var z Math.sqrt(x * x y * y) - 0.00002 * Math.sin(y * xPi);var theta Math.atan2(y, x) - 0.000003 * Math.cos(x * xPi);var a_latitude z * Math.sin(theta);var a_longitude z * Math.cos(theta);return { latitude: a_latitude, longitude: a_longitude };}/*** 将GCJ-02(火星坐标)转为WGS-84:*/function transformFromGCJToWGS(latitude, longitude) {var threshold 0.00001;// The boundaryvar minLat latitude - 0.5;var maxLat latitude 0.5;var minLng longitude - 0.5;var maxLng longitude 0.5;var delta 1;var maxIteration 30;while (true) {var leftBottom transformFromWGSToGCJ(minLat, minLng);var rightBottom transformFromWGSToGCJ(minLat, maxLng);var leftUp transformFromWGSToGCJ(maxLat, minLng);var midPoint transformFromWGSToGCJ((minLat maxLat) / 2, (minLng maxLng) / 2);delta Math.abs(midPoint.latitude - latitude) Math.abs(midPoint.longitude - longitude);if (maxIteration-- 0 || delta threshold) {return { latitude: (minLat maxLat) / 2, longitude: (minLng maxLng) / 2 };}if (isContains({ latitude: latitude, longitude: longitude }, leftBottom, midPoint)) {maxLat (minLat maxLat) / 2;maxLng (minLng maxLng) / 2;}else if (isContains({ latitude: latitude, longitude: longitude }, rightBottom, midPoint)) {maxLat (minLat maxLat) / 2;minLng (minLng maxLng) / 2;}else if (isContains({ latitude: latitude, longitude: longitude }, leftUp, midPoint)) {minLat (minLat maxLat) / 2;maxLng (minLng maxLng) / 2;}else {minLat (minLat maxLat) / 2;minLng (minLng maxLng) / 2;}}}function isContains(point, p1, p2) {return (point.latitude Math.min(p1.latitude, p2.latitude) point.latitude Math.max(p1.latitude, p2.latitude)) (point.longitude Math.min(p1.longitude, p2.longitude) point.longitude Math.max(p1.longitude, p2.longitude));}function transformLatWithXY(x, y) {var pi 3.14159265358979324;var lat -100.0 2.0 * x 3.0 * y 0.2 * y * y 0.1 * x * y 0.2 * Math.sqrt(Math.abs(x));lat (20.0 * Math.sin(6.0 * x * pi) 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;lat (20.0 * Math.sin(y * pi) 40.0 * Math.sin(y / 3.0 * pi)) * 2.0 / 3.0;lat (160.0 * Math.sin(y / 12.0 * pi) 320 * Math.sin(y * pi / 30.0)) * 2.0 / 3.0;return lat;}function transformLonWithXY(x, y) {var pi 3.14159265358979324;var lon 300.0 x 2.0 * y 0.1 * x * x 0.1 * x * y 0.1 * Math.sqrt(Math.abs(x));lon (20.0 * Math.sin(6.0 * x * pi) 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;lon (20.0 * Math.sin(x * pi) 40.0 * Math.sin(x / 3.0 * pi)) * 2.0 / 3.0;lon (150.0 * Math.sin(x / 12.0 * pi) 300.0 * Math.sin(x / 30.0 * pi)) * 2.0 / 3.0;return lon;}module.exports {isLocationOutOfChina: isLocationOutOfChina,transformFromWGSToGCJ: transformFromWGSToGCJ,transformFromGCJToBaidu: transformFromGCJToBaidu,transformFromBaiduToGCJ: transformFromBaiduToGCJ,transformFromGCJToWGS: transformFromGCJToWGS}
直接上代码转化 调用BMapWX.regeocoding方法进行逆地址解析从经纬度转换为地址信息
const utils require(../../utils/WSCoordinate.js)
wx.getLocation({// type: wgs84, // gps定位 坐标系type: gcj02, // 重点就是在这里success: function (res) {// gcj02 转换成百度地图坐标用于传给PC端 百度地图展示const marker utils.transformFromGCJToBaidu(res.latitude, res.longitude)that.setData({locationFlag: false,map_latitude: marker.latitude,map_longitude: marker.longitude})BMap.regeocoding({location: res.latitude , res.longitude,success: function (res) {that.setData({desLocation: res.originalData.result.sematic_description})},fail: function () {wx.showToast({title: 请检查位置服务是否开启,})},});},fail: function () {console.log(fail:, 授权失败)}})5 地址解析从地址转换为坐标
const bmap require(../../lib/bmap-wx.js); // 引入bmap-wx文件
const util require(../../lib/WSCoordinate.js) // 新建百度地图对象var BMap new bmap.BMapWX({ak: 你的ak, // 你的ak});// 发起geocoding检索请求BMap.geocoding({address: address, // 输入详细地址 success: (data) { // 获取的坐标为 gcj02坐标并不是百度坐标需要转换为百度坐标const wxMarkerData data.wxMarkerData[0]// 将GCJ-02(火星坐标)转为百度坐标let resultMarker util.transformFromGCJToBaidu( wxMarkerData.latitude, wxMarkerData.longitude)// console.log(resultMarker, resultMarker)this.setData({latitude: resultMarker.latitude, // 纬度longitude: resultMarker.longitude // 经度})},fail: (error) { console.log(error:, error)},
})
