react-globe.gl
react-globe.gl copied to clipboard
Borders of country polygons not lining up
The country borders don't always line up
To Reproduce Add polygon countries and borders. Look at Russia
Expected behavior Borders line up
Screenshots
Desktop (please complete the following information):
- macOS Chrome Edge Firefox etc
Additional context Just wondering if anyone knows what's going on here. I've seen it in a few other examples.
@phocks could be related to the coordinate resolution of your polygon geoJson
, or to the value set in polygonCapCurvatureResolution
.
@vasturiano thanks. Seems to happen with default polygons and curve cap resolution, though with different results (see https://observablehq.com/@vasturiano/corona-virus-covid-19-globe) something to do with how the geojson gets converted into polygons creating different shapes to the original. Oh well, thanks. I'll keep trying different things.
@phocks did you find a solution?
I have a lot of troubles with it.
For example
polygonCapCurvatureResolution={2000}
polygonCapCurvatureResolution={20}
idk why this is happened, any ideas? I could leave it on sandbox, for example
data example
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[
25.65,
40.275
],
[
25.5,
40.3
],
[
24.966666666666665,
40.583333333333336
],
[
24.55,
40.18333333333333
],
[
24.75,
40.15
],
[
24.933333333333334,
40.333333333333336
],
[
25.55,
40.11666666666667
],
[
25.65,
40.275
]
]
]
},
"properties": {
"noticeType": "NOTMAR",
},
"__id": "03030303030"
}```
Haven't yet found a solution @meshbor unfortunately. I think I'll have to go back to the drawing board and roll my own three.js globe.
@phocks if you have some guideline it will be cool.
@phocks could be related to the coordinate resolution of your polygon
geoJson
, or to the value set inpolygonCapCurvatureResolution
.
@vasturiano is my geoJson correct?