一、获取腾讯API的key

腾讯官方文档详细步骤

进入腾讯服务官网
如果没有账号就注册一个
进入控制台，如果没有应用就创造一个
key的名称最好能让自己以后区分清楚，其他框住需要勾选
保存之后就会生成后面需要的key了
下载微信小程序JavaScriptSDK1.2,后面需要引用。
小程序的安全域名设置，在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名，添加https://apis.map.qq.com

二、小程序代码编写

1.引入前面下载的文件，解压后放入

在小程序app.json中填写：

  "permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序定位省份"}}

2.代码编写

微信开发工具代码片段示例

const app = getApp()
const qqMap = require("../utils/qqmap-wx-jssdk.min")
Page({data: {address:''},onLoad() {let that = thiswx.getLocation({type:'wgs',success:(result)=>{console.log(result);that.getDistinction(result.latitude,result.longitude)}})},/**调取腾讯地图api，获取用户位置 */getDistinction(latitude,longitude) {let that = thislet map = new qqMap({key: 'WQYBZ-33EKP-BESDH-LSQBR-CVN72-JVFAG'//在腾讯服务建立应用所使用的key})map.reverseGeocoder({location:{latitude:latitude,longitude:longitude},success:(res)=>{console.log(res);that.setData({address: res.result.address})}})},})

后面如果优化则再更新

小程序使用腾讯API定位的全过程（详细）相关推荐

微信小程序使用腾讯地图进行路线规划，坐标转地址，逆地理编码，计算目的地跟自身定位的距离
微信小程序使用腾讯地图 1.介绍腾讯地图官方文档: https://lbs.qq.com/ 这里,我主要运用的是这几个api ,我在运用的过程中主要实现的功能有:地图路线规划.地址转坐标+计算距离. ...
微信小程序调用腾讯地图API进行驾车路线规划
微信小程序调用腾讯地图API进行驾车路线规划申请key 下载sdk 实现代码遇到的问题申请key 微信小程序的地图api是非常有限的,所以部分功能实现需要调用地图api.使用腾讯地图api过程如 ...
微信小程序接入腾讯地图sdk地图用户自选位置。踩坑+代码实现
采坑记录: 1.微信小程序对腾讯地图的支持好.拓展强,不建议使用其他地图 2.坐标问题** 高德地图与腾讯地图使用的是 GCJ02坐标系 3.使用微信小程序的内置方法的经纬度存在偏差.解决方案看下文 ...
uni-app 小程序使用腾讯地图完成搜索功能
前言使用uni-app开发小程序时候使用腾讯地图原生SDK是,要把原生写法转成vue写法在这记录一下. 我们需要注意的是使用高德地图时我们不仅要引入SDK,还要再uni-app中配置允许使用. 由于 ...
腾讯小程序 java编写_微信小程序使用腾讯地图SDK详解及实现步骤
微信小程序使用腾讯地图SDK详解及实现步骤近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案,拿来给大家分享一下! 使用起来非常简单,就是一些功能还有待完善. 官方文档:http:// ...
微信小程序接入腾讯云的对象存储
1.cos官网地址:对象存储快速入门 - SDK 文档 - 文档中心 - 腾讯云 2.腾讯云官网上的git案例地址:GitHub - tencentyun/cos-wx-sdk-v5: 腾讯云 CO ...
微信小程序基于腾讯云对象存储的图片上传
在使用腾讯云对象存储之前,公司一直使用的是传统的FTP的上传模式,而随着用户量的不断增加,FTP所暴露出来的问题也越来越多,1.传输效率低,上传速度慢.2.时常有上传其他文件来攻击服务器,安全上得不到 ...
[微信小程序]小程序引入腾讯地图选点插件出现：未取得授权
问题:小程序引入腾讯地图选点插件出现:未取得授权在微信小程序引入腾讯地图选点插件:官方文档 1.微信小程序接入腾讯地图服务,申请Key 2.在 app.json 中添加 "plugins& ...
微信小程序使用腾讯地图SDK详解及实现步骤
信小程序使用腾讯地图SDK详解及实现步骤微信小程序JavaScript SDK: 官方文档:http://lbs.qq.com/qqmap_wx_jssdk/index.html 步骤: 1.申请 ...
uni-app 写H5 小程序使用腾讯地图获取地理位置
uni-app 写公众号小程序使用腾讯地图获取地理位置 1.首先需要在腾讯地图里面申请key 2.下载微信小程序JavaScriptSDK,微信小程序 JavaScriptSDK v1.1 J ...

小程序使用腾讯API定位的全过程（详细）

文章目录

一、获取腾讯API的key

二、小程序代码编写

1.引入前面下载的文件，解压后放入

2.代码编写

微信开发工具代码片段示例

小程序使用腾讯API定位的全过程（详细）相关推荐

最新文章

热门文章