本文已獲得【騰訊位置服務開發應用征文大賽】最具影響力獎，感謝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

總結

以上是生活随笔為你收集整理的微信小程序 + 腾讯位置服务获取全国城市列表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。