uni-app使用腾讯地图位置服务的微信小程序JavaScript SDK实现地图定位、地点查找、路线规划等功能

使用腾讯地图

1)到腾讯地图开放平台,先完成1.2.4.步骤
https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
步骤1.里点击申请密钥,按步骤申请你的密钥key(要记住下面会用到)
步骤2.里开启你的服务
步骤4.设置安全域名(不过uni-app我没设置也能用)
在这里插入图片描述
2)
点击步骤3.里的链接下载JavaScript SDK文件
在这里插入图片描述
得到下面qqmap-wx-jssdk.js文件,自由放进项目中
在这里插入图片描述
3)
在项目的main.js中全局引入,Vue.prototype.TMap=TMap全局使用
在这里插入图片描述
(TMap名字可以随便你定义)
4)
在页面的方法中,使用

const tMap=new this.Tmap({key:'你的密钥'})

创建实例,并填上你刚刚申请的密钥key
然后你就能通过 实例.方法 来调用腾讯的位置服务了,如下图
在这里插入图片描述

上图我通过tMap.reverseGeocoder来调用腾讯位置服务的地址解析功能,其实还有很多功能,比如.search的地点搜索功能等等,详情可以到下面地址中查看各种核心类的功能使用
https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/qqMapwx

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值