vue/js如何精准获取用户当前地理位置，精准获取经纬度、精准地图选点，Android定位偏移问题解决

子慕0628

已于 2022-10-26 14:15:48 修改

阅读量5.4k

点赞数

分类专栏： VUE/JS 文章标签：前端 javascript vue.js

于 2022-10-26 14:13:30 首次发布

本文链接：https://blog.csdn.net/qq_23724613/article/details/127529906

版权

本文介绍了在Vue.js项目中如何利用微信jssdk获取精确的用户经纬度，解决了调用微信地图组件在Android上定位偏移的问题。通过详细步骤和代码示例，展示了配置config和调用地图组件的正确方法。

摘要由CSDN通过智能技术生成

前言：

当时h5页面使用腾讯地图、百度地图、高德地图等获取用户当前地理位置坐标，均有偏移，偏移好几公里，无法获取精准经纬度。最后调用了微信jssdk的方法，才获取了精准的经纬度。

二、具体步骤

根据概述 | 微信开放文档的步骤，配置好config 信息，

注意：（1）、获取config传给后端的url不能包含“#”，并且要进行转码传给后端：url:encodeURIComponent(location.href.split('#')[0])

（2）登录微信公众平台，右上角入口找到“功能设置”，配置好“js接口安全域名”后再调用接口获取config，否则获取失败。

代码如下（示例）：

wx.config({
   debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 aler