echarts map polygon not support hole,Map rendering does not reflect the existence of holes

hwamh0ep  于 5个月前  发布在  Echarts
关注(0)|答案(3)|浏览(105)

What problem does this feature solve?

data(geojson) contains holes.
It is hoped that the polygon can be hollowed out.

render result

expected result

example https://codepen.io/deyihu/pen/JzOmPw

What does the proposed API look like?

{
    "type": "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "geometry": {
                "type": "Polygon",
                "coordinates": [
                    [
                        ....
                    ],
                    [
                        ....  hole
                    ],
                    ...holes
                ]
            },
            "properties": {
                "name": "未命名",
                "center": [
                    120.56578933022251,
                    31.291266809854267
                ]
            }
        }
    ]
}
6qftjkof

6qftjkof1#

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

Have a nice day! 🍵

wvmv3b1j

wvmv3b1j2#

You can use the custom series render anything you like, just like this demo .

mlmc2os5

mlmc2os53#

@deqingli

Yes,

This function can be achieved by using custom series.

But I think it's a geojson specification.

Because echarts uses geojson's data format,

So I think echarts map component should support this function by default.

Although polygons in this situation are not very common, there are still some, such as an island in the middle of a lake.

At this point, the polygon of the lake must hollow out the island.

About Wikipedia

Https://en.wikipedia.org/wiki/GeoJSON

相关问题