专属邀请链接 这里进入腾讯位置服务官网： https://lbs.qq.com?lbs_invite=G9MRFLG 项目开始于2021-01-27 晚8

uniapp模板地址 https://ext.dcloud.net.cn/plugin?id=4067 github地址 https://github.com/dmhsq/uniapp-txwzsdk-demo 腾讯位置服务牛逼 腾讯位置服务文档小程序SDK ：https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

案例一：实现 位置共享 https://blog.csdn.net/qq_42027681/article/details/113428833 案例二：实现 运动轨迹记录 https://blog.csdn.net/qq_42027681/article/details/113429566 在线体验

虽然说官方文档写的是微信小程序，但是只要是Js其它平台也应该通用 试了下字节小程序可以用

在阅读此文章之前 需要了解 map组件的 部分属性

@TOC

注册位置服务账号

只有注册了账号才能使用SDK服务 注册地址 https://lbs.qq.com?lbs_invite=G9MRFLG

注册完毕取控制台新建应用 开启Webservice服务

引入SDK文件

官网首页 https://lbs.qq.com?lbs_invite=G9MRFLG 可以去官网下载 https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview 下载地址为 https://mapapi.qq.com/web/miniprogram/JSSDK/qqmap-wx-jssdk1.2.zip 根目录下添加 common 文件夹

实例化核心功能类

引入核心类

根据自己文件路径修改路径

1var QQMapWX = require('../../common/qqmap-wx-jssdk.js')

实例化

1var app = new QQMapWX({
2	key: '腾讯位置服务控制台获取'
3})

腾讯位置服务控制台获取 key

功能接入

官网首页 https://lbs.qq.com?lbs_invite=G9MRFLG 说明 : 详细接入可选参数和返回参数 请移步官网 https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

接入地点搜索

1app.search({
2	//from参数不填默认当前地址//fromPs, 格式为 fromPs:{longitude: num,latitude: num}
3	keyword: keys, //关键词
4	locationto: youP, //格式为 youP: `latitude,longitude` 字符串 比如: "33.643206,114.851074" 或者对象格式{latitude:xxx,longitude:xxx}
5	success: res=>{
6		console.log(res)
7	}
8})

<br /><br />

关键词输入提醒

1app.getSuggestion({
2	//from参数不填默认当前地址
3	keyword: keys,: //关键词 
4	region: city, //可不选，限制搜索城市
5	success: res=>{
6		console.log(res.data)
7	}
8})

<br /><br />

逆地址解析(坐标转地址)

1demo.reverseGeocoder({
2	location: fromPs, //格式为 `latitude,longitude` 字符串 比如: "33.643206,114.851074" 或者对象格式{latitude:xxx,longitude:xxx}
3	success: function(res) {
4		console.log(res.result)
5	}
6})

<br /><br />

地址解析(地址转坐标)

1demo.geocoder({
2	address: address,//地址
3	success: function(res) {
4	console.log(res)
5		vm.doOne(res.result)
6	}
7})

<br /><br />

路线规划

1
2规划路线
3app.direction({
4	mode: "" , //driving’（驾车）、‘walking’（步行）、‘bicycling’（骑行）、‘transit’（公交），默认：‘driving’
5	//from参数不填默认当前地址
6	from: fromPs, //格式为 fromPs:  `latitude,longitude` 字符串 比如: "33.643206,114.851074" 或者对象格式{latitude:xxx,longitude:xxx}
7	to: toPs, //格式为 toPs:  `latitude,longitude` 字符串 比如: "33.643206,114.851074" 或者对象格式{latitude:xxx,longitude:xxx}
8	success: res=>{
9		console.log(res.result.routes)
10	}
11})

<br /><br />

距离计算

1demo.calculateDistance({
2	from: fromP, //格式为  `latitude,longitude` 字符串 比如: "33.643206,114.851074" 或者对象格式{latitude:xxx,longitude:xxx}
3	to: toP, //格式为 : `latitude,longitude` 字符串 比如: "33.643206,114.851074" 或者对象格式{latitude:xxx,longitude:xxx}
4	success:res=>{
5		console.log(res.result.elements)
6	}
7})

<br /><br />

获取城市列表

1demo.getCityList({
2	success: res => {
3		console.log(res.result)
4	}
5})

cidx说明 比如 北京 cidx[015] 那么在市级数组 他的子行政区下标为0~15的

<br /><br />

<br><br><br><br><br><br>

  大家好，我是代码哈士奇，是一名软件学院网络工程的学生，因为我是“狗”，狗走千里吃肉。想把大学期间学的东西和大家分享，和大家一起进步。但由于水平有限，博客中难免会有一些错误出现，有纰漏之处恳请各位大佬不吝赐教！博客主页：https://blog.csdn.net/qq_42027681。 腾讯云+社区专栏https://cloud.tencent.com/developer/column/90853

未经本人允许，禁止转载

后续会推出

前端：vue入门 vue开发小程序 等 后端： java入门 springboot入门等 服务器：mysql入门 服务器简单指令 云服务器运行项目 一些插件的使用等

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

有问题可以下方留言，看到了会回复哦