知識
不管是網站,軟件還是小程序,都要直接或間接能為您產生價值,我們在追求其視覺表現(xiàn)的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網站成為營銷工具,讓軟件能切實提升企業(yè)內部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
微信小程序 + 騰訊位置服務獲取全國城市列表
發(fā)表時間:2020-10-4
發(fā)布人:葵宇科技
瀏覽次數(shù):89
目錄
- 1、注冊登錄騰訊位置服務
- 2、創(chuàng)建key(申請開發(fā)者密鑰)
- 3、下載微信小程序JavaScriptSDK
- 4、配置微信小程序安全域名
- 5、小程序代碼示例
- 6、小程序添加配置
- 7、控制臺查看調用結果
1、注冊登錄騰訊位置服務
點擊前往
2、創(chuàng)建key(申請開發(fā)者密鑰)
【控制臺】-【key管理】-【創(chuàng)建新密鑰】
完成后要開通開通webserviceAPI服務
【控制臺】-【 key管理】-【 設置】(使用該功能的key)-【勾選webserviceAPI】- 【保存】
小程序SDK需要用到webserviceAPI的部分服務,所以使用該功能的key需要具備相應的權限
3、下載微信小程序JavaScriptSDK
下載 微信小程序JavaScriptSDK v1.2 放入到你的小程序項目中
4、配置微信小程序安全域名
登錄微信小程序后臺,添加 request
合法域名 https://apis.map.qq.com
5、小程序代碼示例
// 引入SDK核心類,根據(jù)你的路徑進行修改
var QQMapWX = require('../../static/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
>: function (options) {
// 實例化API核心類
qqmapsdk = new QQMapWX({
key: '你申請的 key 填入此處'
});
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
*/
>: function () {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁面顯示
*/
>: function () {
var _this = this;
//調用獲取城市列表接口
qqmapsdk.getCityList({
success: function (res) {//成功后的回調
console.log(res);
},
fail: function (error) {
console.error(error);
}
});
}
})
6、小程序添加配置
在 app.json
文件最后面添加
"permission": {
"scope.userLocation": {
"desc": "你的位置信息將用于小程序位置接口的效果展示"
}
}