可在微信官方文档里看到关于map组件的详细参数:
map:
marker:
示例:
wxml:
<map longitude="113.922777" latitude="22.773672" scale="14" markers="{{markers}}" ></map>
wxss:
map{
width: 100%;
height: 450rpx;
}
js:
Page({
data: {
markers:[
{
longitude:113.922777,
latitude:22.773672,
title:"A",
iconPath:"../../images/position1.png",
width:30,
height:30
},
{
longitude:113.928000,
latitude:22.773672,
title:"A",
iconPath:"../../images/position2.png",
width:30,
height:30
}
]
},
onLoad: function (options) {
}
})
前端效果图: