echarts 绘制地图设置其中某些板块高亮（颜色）

迈不过友情╰ 2022-05-19 12:19 2606阅读 0赞

### 问题描述：当我们用echarts绘制了一个地图，可能需要某个位置高亮。  如下图： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70][]

其实有个属性，当我们传入的data数据里面加一行就可以改变它是否选中了。具体代码如下。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1][]

当selected：true  的时候就是显示。

那么就遇到下一个问题，有的板块需要显示有的板块不需要显示怎么办呢？

我的解决办法如下：我把要显示的板块，做成一个json。如下

**var select\_ed = \{"北京":"北京","上海":"上海","湖北":"湖北","黄冈市":"黄冈市"\}**

下面我们在获取名称的时候，只需要判断是否在上面这个json中存在就好了。判断是否存在有个方法（hasOwnProperty  通过键去判断的）  具体写法如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]: /images/20220519/55fd15066f8e4dfda921ea60c6998a6e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]: /images/20220519/8bfd4a3cd6d0452da2be2aadce9822f8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2]: /images/20220519/dba5e9dfa72b4ca7898f56ee7e4f1a41.png