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

文章目录

  • 0.问题起因
  • 1.安装依赖
  • 2.引入
  • 3.使用

0.问题起因

微信小程序获取到了当前用户的定位,需要在高德地图上进行渲染。
发现正常渲染后,偏差几百米。

1.安装依赖

 npm i -S coordtransform

2.引入

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

import coordtransform from 'coordtransform';
window.coordtransform = coordtransform 

3.使用

这里演示“腾讯地图”转“高德地图”

  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('授权定位失败')
          }  
  });  

你可能感兴趣的:(微信小程序全栈实战,微信小程序,arcgis,小程序)