mapbox-gl-js icon indicating copy to clipboard operation
mapbox-gl-js copied to clipboard

The GeoJSON layer exhibits rendering issues at zoom level 25

Open qjw2bqn opened this issue 8 months ago • 1 comments

mapbox-gl-js version: 3.11.0

browser: Chrome

Steps to Trigger Behavior

  1. I added a layer using the method map.addLayer, with the source set to GeoJSON, which consists of a collection of point coordinates.
            map.addSource('geojson', {
                type: 'geojson',
                data: '/result/origin.geojson'
            });

            map.addLayer({
                id: 'points',
                type: 'circle',
                source: 'geojson',
                paint: {
                    'circle-color': '#0000FF',
                    'circle-radius': 10
                }
            });
  1. Due to the extremely close proximity of the points (around 0.1 meters apart), they cannot be displayed correctly on the map, whereas they appear normal in QGIS.
  2. "The following are the display effects in Mapbox and QGIS, respectively." QGIS:

Image

Mapbox:

Image

How should I resolve this issue?

qjw2bqn avatar Apr 23 '25 10:04 qjw2bqn

Can you provide a JSBin or similar that reproduces the issue? Thanks!

ibesora avatar May 20 '25 14:05 ibesora