微信小程序API之map
wxml:
<map id="map"
longitude="113.324520"
latitude="23.099994"
scale="16"
markers="{{markers}}"
style="width:100%;height:1214rpx"></map>
js:
// pages/map/map.js
Page({
/**
* 页面的初始数据
*/
data: {
markers:[{
id:0,
latitude:23.099994,
longitude:113.324520,
width:35,
heigth:50
}]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
//实例
this.map=wx.createMapContext('map',this);
//输出
this.map.getCenterLocation({
success(res){
console.log(res);
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})