目錄
- 1、注冊登錄騰訊位置服務
- 2、創建key（申請開發者密鑰）
- 3、下載微信小程式JavaScriptSDK
- 4、配置微信小程式安全域名
- 5、小程式代碼示例
- 6、小程式添加配置
- 7、控制臺查看呼叫結果
1、注冊登錄騰訊位置服務
點擊前往
2、創建key（申請開發者密鑰）
【控制臺】-【key管理】-【創建新密鑰】
完成后要開通開通webserviceAPI服務
【控制臺】-【 key管理】-【 設定】（使用該功能的key）-【勾選webserviceAPI】- 【保存】
小程式SDK需要用到webserviceAPI的部分服務，所以使用該功能的key需要具備相應的權限
3、下載微信小程式JavaScriptSDK
下載 微信小程式JavaScriptSDK v1.2 放入到你的小程式專案中
4、配置微信小程式安全域名
登錄微信小程式后臺，添加 request 合法域名 https://apis.map.qq.com
5、小程式代碼示例
// 引入SDK核心類，根據你的路徑進行修改
var QQMapWX = require('../../static/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
/**
* 頁面的初始資料
*/
data: {
},
/**
* 生命周期函式--監聽頁面加載
*/
onl oad: 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);
}
});
}
})
6、小程式添加配置
在 app.json 檔案最后面添加
"permission": {
"scope.userLocation": {
"desc": "你的位置資訊將用于小程式位置介面的效果展示"
}
}
7、控制臺查看呼叫結果
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/159569.html
標籤：AI
上一篇：Js原型鏈題目1
下一篇：Canvas基礎教程(章節3)