專屬邀請鏈接： 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組件的 部分屬性

引入SDK檔案

可以去官網下載 https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
下載地址為 https://mapapi.qq.com/web/miniprogram/JSSDK/qqmap-wx-jssdk1.2.zip
根目錄下添加 common 檔案夾

實體化核心功能類

引入核心類

根據自己檔案路徑修改路徑

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

實體化

var app = new QQMapWX({
	key: '騰訊位置服務控制臺獲取'
})

騰訊位置服務控制臺獲取 key

功能接入

說明 : 詳細接入可選引數和回傳引數 請移步官網 https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

接入地點搜索

app.search({
	//from引數不填默認當前地址//fromPs, 格式為 fromPs:{longitude: num,latitude: num}
	keyword: keys, //關鍵詞
	locationto: youP, //格式為 youP: `latitude,longitude` 字串 比如: "33.643206,114.851074" 或者物件格式{latitude:xxx,longitude:xxx}
	success: res=>{
		console.log(res)
	}
})

關鍵詞輸入提醒

app.getSuggestion({
	//from引數不填默認當前地址
	keyword: keys,: //關鍵詞 
	region: city, //可不選，限制搜索城市
	success: res=>{
		console.log(res.data)
	}
})

逆地址決議(坐標轉地址)

demo.reverseGeocoder({
	location: fromPs, //格式為 `latitude,longitude` 字串 比如: "33.643206,114.851074" 或者物件格式{latitude:xxx,longitude:xxx}
	success: function(res) {
		console.log(res.result)
	}
})

地址決議(地址轉坐標)

demo.geocoder({
	address: address,//地址
	success: function(res) {
	console.log(res)
		vm.doOne(res.result)
	}
})

路線規劃

規劃路線
app.direction({
	mode: "" , //driving’（駕車）、‘walking’（步行）、‘bicycling’（騎行）、‘transit’（公交），默認：‘driving’
	//from引數不填默認當前地址
	from: fromPs, //格式為 fromPs:  `latitude,longitude` 字串 比如: "33.643206,114.851074" 或者物件格式{latitude:xxx,longitude:xxx}
	to: toPs, //格式為 toPs:  `latitude,longitude` 字串 比如: "33.643206,114.851074" 或者物件格式{latitude:xxx,longitude:xxx}
	success: res=>{
		console.log(res.result.routes)
	}
})

距離計算

demo.calculateDistance({
	from: fromP, //格式為  `latitude,longitude` 字串 比如: "33.643206,114.851074" 或者物件格式{latitude:xxx,longitude:xxx}
	to: toP, //格式為 : `latitude,longitude` 字串 比如: "33.643206,114.851074" 或者物件格式{latitude:xxx,longitude:xxx}
	success:res=>{
		console.log(res.result.elements)
	}
})

獲取城市串列

demo.getCityList({
	success: res => {
		console.log(res.result)
	}
})

cidx說明 比如 北京 cidx[015]
那么在市級陣列 他的子行政區下標為0~15的

視頻預告

??大家好，我是代碼哈士奇，是一名軟體學院網路工程的學生，因為我是“狗”，狗走千里吃肉，想把大學期間學的東西和大家分享，和大家一起進步，但由于水平有限，博客中難免會有一些錯誤出現，有紕漏之處懇請各位大佬不吝賜教！博客主頁：https://blog.csdn.net/qq_42027681，
騰訊云+社區專欄https://cloud.tencent.com/developer/column/90853

未經本人允許，禁止轉載

后續會推出

前端：vue入門 vue開發小程式 等
后端： java入門 springboot入門等
服務器：mysql入門 服務器簡單指令 云服務器運行專案
python：推薦不溫卜火 一定要看哦
一些插件的使用等

大學之道亦在自身，努力學習，熱血青春
如果對編程感興趣可以加入我們的qq群一起交流：974178910

有問題可以下方留言，看到了會回復哦