微信小程序自帶地圖,但是一些復雜的地圖功能需要引入百度地圖的sdk,引用之前需要做好這三步:
1. 申請開發者密鑰(key):申請密鑰
2. 下載微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.0
3. 安全域名設置,在“設置” -> “開發設置”中設置request合法域名,添加https://apis.map.qq.com。
小程序引入代碼實例
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var
qqmapsdk =
new
QQMapWX({
key:
'申請的key'
});
注:引入的js文件其實是一個百度地圖的核心類,我剛開始接觸時總是想將地圖控件與這個SDk聯系在一起。
QQMapWX我的理解來看是一個類似jQuery的類庫,調用里面的函數即可。就像下面的代碼
qqmapsdk.search({
keyword:
'酒店'
,
success:
function
(res) {
console.log(res);
},
fail:
function
(res) {
console.log(res);
},
complete:
function
(res) {
console.log(res);
}
});
