echart地图区域重合/重叠选中不了问题解决

53 阅读 0 评论 35 点赞

我是靠谱客的博主平常橘子，最近开发中收集的这篇文章主要介绍echart地图区域重合/重叠选中不了问题解决，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

近期在做地图遇到个有意思的问题如下图*：
其中的 1 被 2 板块区域给包裹了起来，这样鼠标就选中不了 1 的板块。即便我再快也是追不上它变脸的速度

为了这个bug 查了好多案例，一度没有头绪。现在来记录下
参考一位老哥的文章：Echarts地图绘制自定义区域 - geojson.io使用方法
哈哈哈
按照他的方法进行到这一步的时候，数据剪切插入到需要扣掉的板块数据里后，再引用总是不能把 1和2 重合的镂空/扣去掉。又卡主了一会，忽然想到阿里地图可以编辑的。话不多说赶紧试了下，就此解决。

步骤如下：
1：复制重叠中被包含的区域地图数据（比如在我遇到的问题里面，我复制一份 1 的数组，放在了 2 的数组中","逗号隔开合成一个数组）
2：将合成的新的地图数据转成JSON，然后在阿里[DataV.Geo…]上传，这样生成的地图数据才会是镂空的，仅是复制一份放到父级的方式，我是没有成功的。