微信小程序 + 腾讯位置服务获取全国城市列表
生活随笔
收集整理的這篇文章主要介紹了
微信小程序 + 腾讯位置服务获取全国城市列表
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本文已獲得【騰訊位置服務開發應用征文大賽】最具影響力獎,感謝CSDN及各位小伙伴一直以來的支持與厚愛!
本文目錄
- 本文已獲得【騰訊位置服務開發應用征文大賽】最具影響力獎,感謝CSDN及各位小伙伴一直以來的支持與厚愛!
- 一、探新境、知未解、創未來
- 二、創建 Key(申請開發者密鑰)
- (一)【控制臺】-【key管理】-【創建新密鑰】,按提示申請開發者密鑰。
- (二)完成后要開通開通 webserviceAPI 服務。
- 三、下載微信小程序 JavaScriptSDK
- 四、配置微信小程序安全域名
- 五、小程序代碼示例
- 六、小程序添加配置
- 七、控制臺查看調用結果
騰訊位置服務為微信小程序提供了基礎的標點能力、線和圓的繪制接口等地圖組件和位置展示、地圖選點等地圖API位置服務能力支持,使得開發者可以自由地實現自己的微信小程序產品。 在此基礎上,騰訊位置服務微信小程序JavaScript SDK是專為小程序開發者提供的LBS數據服務工具包,可以在小程序中調用騰訊位置服務的POI檢索、關鍵詞輸入提示、地址解析、逆地址解析、行政區劃和距離計算等數據服務,讓您的小程序更強大!
一、探新境、知未解、創未來
邀請您前往注冊 騰訊位置服務。
二、創建 Key(申請開發者密鑰)
(一)【控制臺】-【key管理】-【創建新密鑰】,按提示申請開發者密鑰。
(二)完成后要開通開通 webserviceAPI 服務。
【控制臺】-【 key管理】-【 設置】(使用該功能的key)-【勾選webserviceAPI】- 【保存】
小程序SDK需要用到 webserviceAPI 的部分服務,所以使用該功能的key需要具備相應的權限。
三、下載微信小程序 JavaScriptSDK
下載 微信小程序JavaScriptSDK v1.2 放入到你的小程序項目中。
四、配置微信小程序安全域名
登錄微信小程序后臺,添加 request 合法域名 https://apis.map.qq.com。
五、小程序代碼示例
// 引入SDK核心類,根據你的路徑進行修改 var QQMapWX = require('../../static/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js'); var qqmapsdk; Page({/*** 頁面的初始數據*/data: {},/*** 生命周期函數--監聽頁面加載*/onLoad: function (options) {// 實例化API核心類qqmapsdk = new QQMapWX({key: '你申請的 key 填入此處'});},/*** 生命周期函數--監聽頁面初次渲染完成*/onReady: function () {},/*** 生命周期函數--監聽頁面顯示*/onShow: function () {var _this = this;// 調用獲取城市列表接口qqmapsdk.getCityList({success: function (res) { // 成功后的回調// 控制臺輸出調用結果console.log(res);},fail: function (error) {console.error(error);}});} })六、小程序添加配置
在 app.json 文件最后面添加:
"permission": {"scope.userLocation": {"desc": "你的位置信息將用于小程序位置接口的效果展示"}}七、控制臺查看調用結果
騰訊位置服務全面擁抱小程序生態,從服務API、基礎地圖組件、插件、行業方案等多個層面服務不同場景需求的小程序開發者,助力小程序插上地圖的“翅膀”!
立即接入 >>>
微信小程序 JavaScript SDK 官方文檔 >>>
騰訊位置服務開發QQ交流群:958296564
總結
以上是生活随笔為你收集整理的微信小程序 + 腾讯位置服务获取全国城市列表的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 二. Binding 详解
- 下一篇: Jetpack ViewBinding