腾讯位置服务---vue微信小程序SDK使用(一)---下载SDK并再次封装

下载地址以及文档 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