Uniapp在h5端口定位方式为gcj02时，引入腾讯地图

Uniapp在h5端口定位方式为gcj02时，引入腾讯地图
2020.10.29
又来更新了，要在微信公众号平台官网中的开发----开发设置—服务器域名里面中的request和socket中分别添加https://apis.map.qq.com 、、
wss://apis.map.qq.com不然手机预览显示不出来，微信开发者工具可以正常的原因（）

我有点太年轻了，把它想得太简单了，我发现我预览的不可以用，于是乎我去官网找了一下，推荐大家仔细看官网的步骤非常的清晰，需要添加域名，appid，以及如果添加了WebService API中的白名单记得需要把“servicewechat.com”域名添加进域名白名单中，否则小程序下将无法正常使WebServiceAPI服务。给大家一个传送门https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a&token=&lang=zh_CN
我又来报错了，白名单最好别勾，勾了之后h5不能用，换成主机的吧。累了累了

1. 由于项目需要在h5端口上定位，官网说如果方式为gcj02时，需要在manifest.json中的h5端给其配置上腾讯地图的key值，根据这个第一步应该登录 腾讯地图开放平台，注册登录，申请key值

2. 点击开发文档->微信小程序javascript sdk
   

3. 下载sdk
   

4. 打开下载的sdk，将里面的复制到项目插件目录下（自定义）
   

5. H5的manifest.json配置如下，key值是自己在腾讯地图平台申请的key

6. 引用插件
   

7在script下调用

Uni.getlocation获取到目前的定位，调用.reverseGeocoder是下载的插件里面的函数，你可以console.log(data)一下，看看这个函数给了你什么值，从中提取自己需要的值去使用。这个方法亲测小程序端和h5端都可以用。

.