vue使用Baidu Map（百度地图）插件开发——不同覆盖区域用不同颜色显示

最新推荐文章于 2025-05-21 08:30:00 发布

原创

最新推荐文章于 2025-05-21 08:30:00 发布 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue #Baidu Map

博客内容讲述了如何使用三元表达式动态地为地图上的多边形元素设置填充颜色。代码示例中，针对二维数组`towerLines`的`area_type`属性进行条件判断，以解决可能出现的空数组导致的错误。通过添加预检查条件`item.length<=0`，确保了地图交互的正常进行，同时根据`area_type`的不同值赋予不同颜色。

需要达到的效果：
在这里插入图片描述
代码实现是用三元表达式判断不同类型给不同的颜色值，

<bm-polygon
          v-for="(item, index) in towerLines"
          :key="index"
          :path="item"
          :stroke-color="coverColor"
          :fillColor=