微信小程序自带地图,但是一些复杂的地图功能需要引入百度地图的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);
}
});