下载地址以及文档 https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
腾讯位置服务 可以 地点搜索 关键词提醒 逆地址解析 地址解析 路线规划 距离计算 获取城市列表
大学之道亦在自身,努力学习,热血青春
如果对编程感兴趣可以加入我们的qq群一起交流:974178910

下载

下载地址 https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
下载后 记得申请密钥
在这里插入图片描述启用WebServiceApi
在这里插入图片描述

拿到key 调用接口要用到
在这里插入图片描述

再次封装

如果你是 uniapp

新建目录 common/mapApi 新建文件 common/mapApi/index.js
将下载好的文件放入
可以把min的删除
在这里插入图片描述

在index.js中

const QQMapWX = require('./qqmap-wx-jssdk.js')

const mapApi = new QQMapWX({
	key: "位置服务后台 拿到的key值"
})

module.exports = mapApi;

如果不是uniapp

目录如下
在这里插入图片描述同样在index中

const QQMapWX = require('./qqmap-wx-jssdk.js')

const mapApi = new QQMapWX({
	key: "位置服务后台 拿到的key值"
})

module.exports = mapApi;

测试

我们进行地点搜索

文档地址 https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/methodSearch
这是官网的用法
在这里插入图片描述我们写个测试
引入
在这里插入图片描述

测试方法
在这里插入图片描述

test() {
	mapApi.search({
		keyword: "酒店",
		success: res => {
			console.log(res)
		}
	})
}

测试成功
在这里插入图片描述

大学之道亦在自身,努力学习,热血青春
如果对编程感兴趣可以加入我们的qq群一起交流:974178910

Logo

前往低代码交流专区

更多推荐