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

news/2024/7/20 2:21:13 标签: 微信小程序, arcgis, 小程序

文章目录

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

http://www.niftyadmin.cn/n/5350319.html

相关文章

MySQL封装JDBC为工具类(JDBC简化)

1:在我们对一个表的增删改查中我们可以发现,如果一个表要进行增删改查四个操作时,我们可能要四个方法,四个方法中每一个方法都需要进行JDBC的连接,如果每一步都按照JdbcTemplate方式写的话可能会简化一点,但…

操作系统的引入

操作系统 【1】什么是操作系统 操作系统是一种管理的计算机硬件的软件资源的程序。它充当了计算机系统和应用程序之间的接口。使得计算机用户能够地使用计算机系统来完成各种任务。操作系统是负责管理和分配计算机的处理器、内存、硬盘等等硬件资源,同时也提供一些…

蓝桥杯备战——8.DS1302时钟芯片

1.分析原理图 由上图可以看到,芯片的时钟引脚SCK接到了P17,数据输出输入引脚IO接到P23,复位引脚RST接到P13。 2.查阅DS1302芯片手册 具体细节还需自行翻阅手册,我只截出重点部分 总结:数据在上升沿写出,下降沿读入,…

Elasticsearch 中使用MustNot等同于不登录遇到的坑

1、在写关键词推荐时,需要把当前文章过滤掉,不能再推荐自己的文章,所以再es中需要用到 MustNot属性查询 /// <summary> /// 服务中心es检索 /// </summary> /// <param name="input"></param> /// <returns></…

golang实现一个简单的HTTP server

目标:用golang实现一个简单的HTTP Server&#xff0c;支持指定监听端口&#xff0c;将收到的POST的payload中的内容打印出来 golang环境准备 可以参考https://blog.csdn.net/ljyfree/article/details/123810868建议安装的版本最好是不低于golang-1.18 Server的实现 直接贴 …

Unity——八叉树的原理与实现

八叉树原理 八叉树&#xff08;Octree&#xff09;是一种用于在三维空间中进行空间分割的数据结构。它将三维空间递归地划分为八个子空间&#xff0c;每个子空间对应于一个八叉树节点。这种分割方式可以有效地组织和管理场景中的对象&#xff0c;提高检索效率&#xff0c;特别…

LeetCode.11. 盛最多水的容器

题目 题目链接 分析 这道题的意思就是让我们找两个下标&#xff0c;以这两个下标组成的线为底&#xff0c;高度取这两个位置对应数字的最小值为高&#xff0c;组成一个长方形&#xff0c;求长方形最大的面积可以为多少。 暴力的解法是什么&#xff1f;&#xff1f;&#xf…

JavaScript 学习笔记(JS进阶 Day4)

「写在前面」 本文为 b 站黑马程序员 pink 老师 JavaScript 教程的学习笔记。本着自己学习、分享他人的态度&#xff0c;分享学习笔记&#xff0c;希望能对大家有所帮助。推荐先按顺序阅读往期内容&#xff1a; 1. JavaScript 学习笔记&#xff08;Day1&#xff09; 2. JavaSc…