【高德地图API】html微信定位转高德定位,JS微信公众号定位坐标转高德定位坐标,微信公众号定位精度转换高德精度,微信腾讯地图坐标转高德地图坐标

阅读: 评论:0

【高德地图API】html微信定位转高德定位,JS微信公众号定位坐标转高德定位坐标,微信公众号定位精度转换高德精度,微信腾讯地图坐标转高德地图坐标

【高德地图API】html微信定位转高德定位,JS微信公众号定位坐标转高德定位坐标,微信公众号定位精度转换高德精度,微信腾讯地图坐标转高德地图坐标

前言

微信公众号获取的用户当前位置直接放到高德地图api上会偏差非常大,所以需要校正。
如下我分为三步调用:获取当前用户位置->转换成高德坐标->再初始化地图或者设置地图标点

实现

微信定位获取

wx.getLocation({success: function (res) {mapConvertFrom(res.longitude, res.latitude)},cancel: function (res) {alert('用户拒绝授权获取地理位置');}
});

微信位置坐标转换高德坐标

/*** ----------------------------------------------------------------------------------------------* 微信位置坐标转换高德坐标* @return*/
function mapConvertFrom(lng, lat) {vertFrom(new AMap.LngLat(lng, lat), 'gps', function (status, result) {if (result.info === 'ok') {initAMap(result.locations[0].lng, result.locations[0].lat);}})
}

初始化高德地图

/*** ----------------------------------------------------------------------------------------------* 初始化地图* @return*/
function initAMap(lng, lat) {var map = new AMap.Map('container', {pitch: 40, // 倾斜角度viewMode: '3D', // 默认使用 2D 模式,如果希望使用带有俯仰角的 3D 模式,请设置 viewMode: '3D',zoom: 18, // 初始化地图层级,地图默认缩放大小buildingAnimation: true, // 建筑出现的动画center: [lng, lat] // 初始化地图中心点});// 添加点标var marker = new AMap.Marker({position: [lng, lat],map: map});
}

本文发布于:2024-02-02 01:03:01,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170681192740394.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:坐标   地图   精度   公众   腾讯
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23