์ด๊ฒ์ด #3498๊ณผ ๊ด๋ จ์ด ์๋์ง ํ์คํ์ง ์์ง๋ง ์ฌ๊ธฐ์์ ์ดํด๋ณด๊ฒ ์ต๋๋ค.
Leaflet 0.7.3์ GeoJSON MultiPolygon์ ๋ถ๋ถ์ ์ผ๋ก ๊ฒน์น๋ ๋ ๊ฐ์ ๋ค๊ฐํ์ด ์๋ ๊ฒฝ์ฐ ๊ฒน์น๋ ์์ญ์ด ์ฑ์์ง๋๋ค. ๊ทธ๋ฌ๋ ๋ง์คํฐ์์๋ ๊ฒน์น๋ ์์ญ์ด ์ฑ์์ง์ง ์๊ณ ๊ฒน์น์ง ์๋ ์์ญ์ด ์ฑ์์ง๋๋ค.
๋ค์์ GeoJSON์ ์์ ๋๋ค.
{
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[
11.96485,
55.8434
],
[
11.868584,
55.8284
],
[
11.837216,
55.8925
],
[
11.863167,
55.915432
],
[
11.936167,
55.896618
],
[
11.964784,
55.858032
]
]
],
[
[
[
11.868584,
55.8284
],
[
11.761567,
55.81378
],
[
11.726833,
55.896
],
[
11.782117,
55.928215
],
[
11.8749,
55.92655
],
[
11.863167,
55.915432
],
[
11.936167,
55.896618
],
[
11.964784,
55.858032
],
[
11.96485,
55.8434
]
]
]
]
},
"type": "Feature",
"properties": {}
}
์๋ถ ์ธ์ฌ,
์ ์คํผ
ํด๋ฆฌ๊ณค ์คํ์ผ ์ต์
์์ fillRule: 'nonzero'
๋ฅผ ์ค์ ํด ๋ณด์ธ์. https://github.com/Leaflet/Leaflet/pull/2834 , https://developer.mozilla.org/docs/Web/SVG/Attribute/fill-rule ๋ฐ https://mourner.github.io/ ๋ ์ฐธ์กฐ ํ์ธ์. Leaflet/reference.html#path -fillrule
์๋ํ ํ ์ฌ๊ธฐ์ ์๋ตํ์ญ์์ค.
๋์์ ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. fillRule: 'nonzero'๋ฅผ ์ถ๊ฐํ๋ฉด ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์์ต๋๋ค.
๋ํ fillRule์ด 'nonzero'(์ด๋ฒคํธ ๋ฆฌ์ค๋๊ฐ ๋ ์ด์ด์ ์ฐ๊ฒฐ๋์ด ์๋ค๊ณ ๊ฐ์ )๊ฐ ์๋ ๋ ๊ฒน์น๋ ์์ญ์ ํด๋ฆญํ๋ ๊ฒ๋ ๋ถ๊ฐ๋ฅํ๋ค๋ ์ ๋ ์ธ๊ธํด์ผ ํ ๊ฒ์ ๋๋ค.
fillRule: 'nonzero'๊ฐ "multipolygon" ์ ํ ๊ธฐ๋ฅ์ ๋ํด 'evenodd'๋ณด๋ค ๋ ๋์ ๊ธฐ๋ณธ๊ฐ์ธ์ง ์ฌ๋ถ๋ฅผ ๊ณ ๋ คํ ์ ์์ผ๋ฏ๋ก ๋ฌธ์ ๋ฅผ ์ข ๋ฃํ์ง ์์์ต๋๋ค.
์น์ ํ๋,
์ ์คํผ
์ง๊ธ์ 'evenodd'
๋ฅผ ๊ธฐ๋ณธ๊ฐ์ผ๋ก ๋๊ฒ ์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ํด๋ฆฌ๊ณค ์คํ์ผ ์ต์ ์์
fillRule: 'nonzero'
๋ฅผ ์ค์ ํด ๋ณด์ธ์. https://github.com/Leaflet/Leaflet/pull/2834 , https://developer.mozilla.org/docs/Web/SVG/Attribute/fill-rule ๋ฐ https://mourner.github.io/ ๋ ์ฐธ์กฐ ํ์ธ์. Leaflet/reference.html#path -fillrule์๋ํ ํ ์ฌ๊ธฐ์ ์๋ตํ์ญ์์ค.