微信小程序腾讯地图定位转高德地图定位

文章目录

0.问题起因

微信小程序获取到了当前用户的定位,需要在高德地图上进行渲染。

发现正常渲染后,偏差几百米。

1.安装依赖

js 复制代码
 npm i -S coordtransform

2.引入

这里图方便,直接丢到window上了

js 复制代码
import coordtransform from 'coordtransform';
window.coordtransform = coordtransform 

3.使用

这里演示"腾讯地图"转"高德地图"

js 复制代码
  wx.getLocation({  
          type: 'wgs84',  
          success: function(res) {  
               console.log('获取到定位',res)
               if(res.latitude && res.longitude){
                let poiArr = window.coordtransform.wgs84togcj02(res.longitude,res.latitude);
                  console.log('获取到定位',poiArr)
                  localStorage.setItem('ychs_poi',poiArr)
               }else{
                  // 未获取
                  // alert('请授权定位信息')
               }
                // alert(res.latitude + " ," + res.longitude  )
          },  
          fail: function(error) {  
              console.log(error);  
              // alert('请授权定位信息获取完整的服务')
              console.log('授权定位失败')
          }  
  });  
相关推荐
毛毛三由4 小时前
基于svga+uniapp的微信小程序动画组件开发指南
微信小程序·uni-app·notepad++
一只一只妖6 小时前
uniapp小程序无感刷新token
前端·小程序·uni-app
编程毕设8 小时前
基于小程序的智能停车管理系统设计与开发
小程序
Kelaru9 小时前
本地Qwen中医问诊小程序系统开发
python·ai·小程序·flask·project
初晨未凉11 小时前
uniapp返回webview返回小程序并且跳转回webview
小程序·uni-app
Python智慧行囊13 小时前
微信小程序交互精髓:点击操作与状态管理实战
微信小程序·小程序·交互
铲子Zzz1 天前
Java使用接口AES进行加密+微信小程序接收解密
java·开发语言·微信小程序
paopaokaka_luck1 天前
基于SpringBoot+Vue的非遗文化传承管理系统(websocket即时通讯、协同过滤算法、支付宝沙盒支付、可分享链接、功能量非常大)
java·数据库·vue.js·spring boot·后端·spring·小程序
春哥的研究所1 天前
AI人工智能名片小程序源码系统,名片小程序+分销商城+AI客服,包含完整搭建教程
人工智能·微信小程序·小程序