微信小程序接入腾讯地图sdk地图 用户自选位置。踩坑+代码实现
采坑记录:
1.微信小程序对腾讯地图的支持好。拓展强，不建议使用其他地图
2.坐标问题** 高德地图与腾讯地图使用的是 GCJ02坐标系
3.使用微信小程序的内置方法的经纬度存在偏差。解决方案看下文
4.图下的地图选点插件页面没有办法改变页面内容，官方的
5.引入的官方的js，所以说还有一些功能也是可以用的。感觉官网没说太仔细（先把地图做出来，再看这个网址的文档，不然容易乱）
https://lbs.qq.com/qqmap_wx_jssdk/method-geocoder.html
上效果图
流程记录：
1.申请 key值
根据官方文档如下。将插件添加到正在做的小程序中
https://lbs.qq.com/miniprogram_plugin/introduce.html
2.使用地图选点插件Demo
https://lbs.qq.com/miniprogram_plugin/location-picker.html
以下是我的代码的使用记录：
1、在app.json中引入插件包 、设置定位授权
2.看那个页面要引用js中
1.先引入变量。为了拓展性，我这里进行了封装
2.设置一个跳转到地图插件的函数,并在 xwml中设置一个跳转事件。（地图选点插件页面没有办法改变里面的内容，官方的）中间那个两个参数是经纬度
3.用户选点了以后，在onShow中确定，用户选点函数执行之后的回调函数
采坑细节问题记录：
1.微信小程序对腾讯地图的支持好，拓展好，不建议使用其他的地图。本章小程序用的是官方提供的地图插件。
2坐标问题 高德地图与腾讯地图使用的是 GCJ02坐标系。百度地图采用的是 BD09坐标系。如下图：如果你的网页端或者APP端，用的是 百度地图的话。经纬度坐标需要转换成GCJ02坐标,本文不谈怎么转换
3.使用微信小程序的内置方法的经纬度存在偏差，去获取地图经纬度的话，有偏差。如图是官方的APi,使用的wgs84，需要将 type类型改成gci02。图下下是官方的解释：
4.js功能的实现
逆地址解析(坐标位置描述) 也就是传入经纬度，返回所在的地方的位置。
文档如下:
https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html
举例子： 逆地址解析(坐标位置描述) 文档下方也有Demo
1.在那个页面用就在页面的js中 引入js（红圈的两个），并且实例化类
2.js中的代码，调用 qqmapsdk.reverseGeocoder() 即可
微信小程序接入腾讯地图sdk地图 用户自选位置。踩坑+代码实现相关推荐
- 微信小程序接入腾讯云IM即时通讯（获取聊天历史记录开发步骤）
微信小程序接入腾讯云IM即时通讯(获取聊天历史记录开发步骤) 1.先看文档: 获取 C2C 历史消息 :https://cloud.tencent.com/document/product/269/1 ...
- 微信小程序 - 接入腾讯地图 SDK 及详细使用教程，结合小程序 mpa 地图组件展示腾讯地图（基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆地址解析 / 坐标系的转化）
介绍 网上的教程都太乱了,代码根本没办法拿到自己的项目中去. 本文实现了 微信小程序中接入使用腾讯地图插件详细教程,并提供了 基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆 ...
- 微信小程序接入腾讯SDK的步骤
1.申请开发者秘钥:打开网站 https://lbs.qq.com/dev/console/application/mine PS:如果还没注册开发者账户先自行注册,注册成功之后登录进入腾讯位置的控制 ...
- 微信小程序接入知晓云插件sdk入门
如果还没有小程序先新建小程序, 在知晓云控制台创建应用绑定微信小程序 在知晓云控制台配置小程序的秘钥 绑定sdk后点击添加插件 根据知晓云提供的插件sdk 接入文档操做即可,简单2步就接入 1 在项目 ...
- 微信小程序接入腾讯云MQTT服务
本文章目的是,将微信小程序连接至MQTT并获取传感器数据. 按照网络所给的连接手段所遇到的困难 客户端不能同时登录 设备侧的数据传输(主要是发布加上少量订阅)需要进行Client的登录.小程序端的数据 ...
- uniapp - 微信小程序接入腾讯视频播放器功能插件，uniapp开发微信小程序端调用引入并使用腾讯视频播放组件完整全流程（详细示例源码，一键复制开箱即用）
效果图 在uniapp 微信小程序项目中,集成腾讯视频功能插件,实现播放腾讯视频效果,附带详细示例源码及注释, 你可以跟着步骤一步步来,保证几分钟就能快速在uniapp小程序项目中植入腾讯视频功能! ...
- 小程序服务器配置地图,微信小程序接入腾讯地图
总共是 3 步,接入还是非常简单的. 1. 首先你需要登录当前小程序的账号 在控制台开发那一栏中,选择开发者工具,就能开通腾讯位置服务了.按顺序点,我记得是需要手机号.然后在设置选项中,拿到APPID ...
- 微信小程序接入腾讯云的对象存储
1.cos官网地址:对象存储 快速入门 - SDK 文档 - 文档中心 - 腾讯云 2.腾讯云官网上的git案例地址:GitHub - tencentyun/cos-wx-sdk-v5: 腾讯云 CO ...
- 微信小程序接入腾讯云实时音视频TRTC----基本使用
前言:虽然说的有点乱,我觉得有必要说一下什么是音视频与整体开发需要些什么东西,因为当时我也是不知道这是啥? .我的理解音视频就是类似微信视频通话的东西,以自己的角度来看,我与好友建立视频的步骤简单来讲 ...
最新文章
- IDEA、Sublime、Eclipse、VSCode 常用快捷键整合
- 在Java中模拟求和类型的巧妙解决方法
- SPS用户管理的问题
- 【今日CV 视觉论文速览】15 Nov 2018
- 活动地推怎么做最有效？
- Tornado框架的初步使用
- 又见黑科技！量子薄膜传感器或推动VR设备变革
- Linux下编译hiredis
- 人工智能发展月报（2022年6月）
- MatLab msgbox用法
- 集合框架-Comparator和Comparable的区别
- 【智慧农业科普】什么是无人农场
- Excel怎样恢复科学计数法显示的数据
- [Power Query] 数据类型转换
- phpStudy无法打开http://localhost/
- 浅析智能驾驶的发展现状和未来趋势
- 中国机器人产业图谱（2022）
- 计算机组成原理算术逻辑实验,《计算机组成原理》算术逻辑运算实验报告.doc...
- 源码系列：基于FPGA的数字电压表（AD）设计
- 如何高效地使用 OneNote