微信小程序使用腾讯地图的操作流程且实现部分功能

2024-07-13 13:40| 来源: 网络整理| 查看: 265

微信小程序使用腾讯地图流程第一步：申请腾讯地图账号

登录腾讯地图开发文档 > 微信小程序 JavaScriptSDK 请添加图片描述申请秘钥没有应用的创建应用

应用创建完成后添加KEY，填写KEY名称勾选微信小程序填写对应小程序的APPID，如需要勾选WebServiceAPI填写相关配置。请添加图片描述

KEY 申请完成后会看见相关的KEY参数，这边就不展示了，返回到开发文档页，现在需要下载jssdk.js。解压后放在小程序中。请添加图片描述

第二步：小程序账号相关配置

添加服务器域名 request路径：https://apis.map.qq.com 请添加图片描述添加腾讯地图插件（主要根据自己的项目业务）

第三步：小程序添加相关配置

将下载的jssdk放置在文件夹下（我是直接放在页面的文件夹中，因为只有这个页面使用，项目只有这里使用就没有放在utils中，然后require引入即可。）请添加图片描述在微信小程的app.json中配置获取定位的权限

"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }, "requiredPrivateInfos": [ "getLocation" ]

在对应的guideMap.wxml地图页面添加地图

【本文地址】

今日新闻