mapbox-gl-js
mapbox-gl-js copied to clipboard
How to display undistorted vector data around poles
mapbox-gl-js version: 2.11.0
Question
How to display undistorted vector data around poles? Ideally I would like to display raster tiles or MVT tiles or GeoJSON around poles. I know that with tiles (neither vector no raster) it is not possible because of limitations of web-mercator that tiles assume. The tiles use "slippy tile" indexing scheme, which in turn assumes web-mercator projection, which does not work above 85 (below -85) latitude).
But GeoJSON layer do not have the constraints of tiles. Sadly, when I try to render anything around poles, I get distorted results (similarly as in this bug)
Examples of distortions near poles (based on this example):



Links to related documentation
- https://docs.mapbox.com/mapbox-gl-js/guides/projections/
Hi @jakub-m, I have the same issue with Antarctica. In this demo, the data was projected to EPSG:4326 before loading, because is the only projection that somewhat fits the GeoJSON where it should be.
Have you found a workaround until now?
@alexaac Hi, sorry for terribly late reply. No, I didn't manage to find a workaround.