收藏
回答

微信小程序开发文档中关于map这块属性的几个问题

根据官方文档中map这个组件的描述:

https://developers.weixin.qq.com/miniprogram/dev/component/map.html

案例1:需求是要在地图上标注的几个点来组成一个多边形,代码段如下

js中:

data: {
        ......
        polygon: [{
            points: [{
                latitude22.78767,
                longitude108.49895
            }, {
                latitude22.78688,
                longitude108.49843
            }, {
                latitude22.78681,
                longitude108.49683
            }, {
                latitude22.78559,
                longitude108.49494
            }, {
                latitude22.78641,
                longitude108.49683
            }, {
                latitude22.78616,
                longitude108.49624
            }, ],
            strokeWidth10,
            strokeColor'#FF6A6A',
            fillColor'#FF6A6A99'
        }],
        ......

wxml中去设置该属性

<map
 ......
 polygon="{{polygon}}"
 ......
>
......
</map>

然鹅地图上并没有出现多边形。。。

案例2:需要在地图上的某个标记设置一个圆形区域

js中:

data: {
    ......
          circle: [{
              latitude22.78658,
              longitude108.49693,
              color'#FF6A6A',
              fillColor'#F5F5DC99',
              radius200,
              strokeWidth10
          }]

wxml中:

<map
 ......
 circle="{{circle}}"
 ......
>
......
</map>

同样的,设置好之后并没有出现这个圆形区域

解决方法,将上述的两个属性名称加上复数s就好了

wxml中:

<map
 ......
 polygons="{{polygon}}"
 circles="{{circle}}"
 ......
>
......
</map>

修改就显示了

为什么微信小程序官方文档到现在还未修正过来?!!!

回答关注问题邀请回答
收藏
登录 后发表内容
问题标签