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