根据官方文档中map这个组件的描述:
https://developers.weixin.qq.com/miniprogram/dev/component/map.html
案例1:需求是要在地图上标注的几个点来组成一个多边形,代码段如下
js中:
data: {
......
polygon: [{
points: [{
latitude: 22.78767,
longitude: 108.49895
}, {
latitude: 22.78688,
longitude: 108.49843
}, {
latitude: 22.78681,
longitude: 108.49683
}, {
latitude: 22.78559,
longitude: 108.49494
}, {
latitude: 22.78641,
longitude: 108.49683
}, {
latitude: 22.78616,
longitude: 108.49624
}, ],
strokeWidth: 10,
strokeColor: '#FF6A6A',
fillColor: '#FF6A6A99'
}],
......
wxml中去设置该属性
<map
......
polygon="{{polygon}}"
......
>
......
</map>
然鹅地图上并没有出现多边形。。。
案例2:需要在地图上的某个标记设置一个圆形区域
js中:
data: {
......
circle: [{
latitude: 22.78658,
longitude: 108.49693,
color: '#FF6A6A',
fillColor: '#F5F5DC99',
radius: 200,
strokeWidth: 10
}]
wxml中:
<map
......
circle="{{circle}}"
......
>
......
</map>
同样的,设置好之后并没有出现这个圆形区域
解决方法,将上述的两个属性名称加上复数s就好了
wxml中:
<map
......
polygons="{{polygon}}"
circles="{{circle}}"
......
>
......
</map>
修改就显示了
为什么微信小程序官方文档到现在还未修正过来?!!!