前言：

这是博主自己目前使用的方式，比较方便，直接调用，没有任何花里胡哨的操作，简约
简单,基于官方文档的说明可以很清楚的知道如何调用腾讯地图的api

具体操作如下 :

先在腾讯地图开放文档中获取到官方给出的指定key

key名称可以自己定义，描述也是如此，不过建议规范，以免以后自己弄混，毕竟规范命名是很有好处的也是基础的行为

https://lbs.qq.com/dev/console/key/add

授权在微信小程序中使用

这下面是腾讯地图开放文档中给出的设置key的链接

1.启用产品勾选就可以授权微信小程序的使用
2.带*号的app id 填写自己的小程序id(可以在微信小程序后台中查看)
3.勾选JavascriptAPI以及地图组件
4.因为微信小程序只支持类似于https这种网络安全协议，所以要勾选域名白名单
5.最后点击保存即刻

https://lbs.qq.com/dev/console/key/setting?key=VDEBZ-ICKLV-4QKPZ-URIGE-ULEMO-C7B7A

3.之后就可以在微信小程序中使用该地图插件

// 官方文档中给出的是在app.json中配置并引用该插件,但是博主是在使用该插件的页面中引用，更加方便，更改起来也快捷

// 在使用该插件的页面中的页面加载时也就是onLoad函数中调用
页面加载获取用户地理位置
// 腾讯地图api调用，逆地理获取用户所在位置(经纬度转地区)
// 引入SDK核心类注意：在onLoad 函数中调用
var qqSDK = require(’…/…/utils/qqmap-wx-jssdk.min.js’)
// 实例化API核心类注意：在onLoad 函数中调用
var qqMap = new qqSDK({
key: ‘VDEBZ-ICKLV-4QKPZ-URIGE-ULEMO-C7B7A’ //填写自己申请的key
});
var _this = this //重定义this指向 *
wx.getLocation({
success: function(res) {
var latitude = res.latitude
var longitude = res.longitude
qqMap.reverseGeocoder({
success: function(res) {
// 在success函数中内部使用this指向并不能指定data中的数据除非使用箭头函数原因：箭头函数没有自己的this
var address = res.result.address_component.city; // 可不写这里是开发需要
var undata = address.replace(“市”,’’) //可不写这里是开发需要
_this.setData({ 热更新于data数据中使用 *
latitude: latitude,
longitude: longitude,
positionData: undata
});
console.log(res) //这里可以查看返回的数据
}
})
}
})

以上代码除了注释的地方需要注意，其他的可以一顿复制粘贴直接使用，完全没问题需要更改哪些数据可以在res返回的数据中查看，并进行自己的开发需求来更改代码以上代码写入到onLoad 函数中调用

以上文章就是调用腾讯地图进行定位的方法，如果这个文章对你有帮助，不妨点个赞，收藏一波，打赏一下

微信小程序如何调用腾讯地图进行定位的简单方法相关推荐

【微信小程序】调用腾讯地图获取当前城市定位
前导知识 1. 腾讯地图SDK接入 1. 申请开发者密钥打开网址 https://lbs.qq.com/console/key.html,申请密钥,填写信息单击"提交"按钮,弹出 ...
如何在微信小程序中调用腾讯地图api
微信小程序的地图api是非常有限的,如果要搜索地图上的位置,比如附近的医院.学校等,就需要使用地图api,使用腾讯地图api的过程如下: 一.开发者申请腾讯地图进入官网http://lbs.qq.c ...
腾讯小程序php,微信小程序实现使用腾讯地图SDK步骤详细介绍
这篇文章微信小程序实现使用腾讯地图SDK步骤详细介绍的相关资料,需要的朋友可以参考下微信小程序使用腾讯地图SDK详解及实现步骤近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案,拿来 ...
微信小程序开发：腾讯地图集成详细步骤
前言在腾讯生态开发过程中,包括在微信小程序开发的时候,避免不了使用腾讯送的腾讯大礼包,从微信支付到腾讯地图,一条龙的腾讯大礼包,不得不说鹅厂的实力是无可比拟的.但是话又说回来了,鹅厂的官方 API ...
微信小程序开发：腾讯地图集成步骤（旧题新说）
在腾讯生态开发过程中,包括在微信小程序开发的时候,避免不了使用腾讯送的腾讯大礼包,从微信支付到腾讯地图,一条龙的腾讯大礼包,不得不说鹅厂的实力是无可比拟的. 但是话又说回来了,鹅厂的官方API真是不敢 ...
微信小程序手把手接入腾讯地图
正经学徒,佛系记录,不搞事情一.理解腾讯地图于小程序的作用要想在小程序上使用腾讯地图,就要先去理解腾讯地图是在做什么 map 地图.该组件是原生组件,使用时请注意相关限制. 个性化地图能力可在小程 ...
微信小程序内添加腾讯地图导航
1.微信小程序--->设置--->第三方设置----->插件管理---->添加插件如果搜索不到腾讯位置服务路线规划插件,可搜索如下地址直接添加腾讯位置服务路线规划 | 小程序 ...
微信小程序怎么调用本机地图APP ？
引言:实现微信小程序调用外部地图APP,类似微信聊天,打开别人发送的位置,然后自动识别当前手机中已有的地图APP,效果如下图所示: 此功能,主要在js上做处理: 微信小程序引用腾讯地图sdk,首先需要 ...
企业微信小程序_集成腾讯地图实现精准定位考勤打卡
开源项目地址:https://gitee.com/gblfy/tx-position-check-in 关于微信小程序集成腾讯地图详情,可以参考:https://blog.csdn.net/weixi ...

微信小程序如何调用腾讯地图进行定位的简单方法

前言：

微信小程序如何调用腾讯地图进行定位的简单方法相关推荐

最新文章

热门文章