Mapbox GL JS：JSON 点消失

Question

我的地图上有 JSON 个图标，当它们靠得很近时，当我缩小它们时它们会消失。（我猜是为了避免混乱）。我想保留它们 - 即使它们以某种方式重叠 - 因为这些图标用于分析。我找不到避免这种情况的文档。下面是一个示例屏幕截图 - 以及我显示 JSON 点的代码。

截图：

当前代码（完整功能，因为它没有太多 - 简单）：

function addMDA_toA(){

    topleftmapbox.loadImage('images/MDA.png', function(error, image) {
        if (error) throw error;
        topleftmapbox.addImage('meso-image', image);

    });


     var url = 'json/MDA.json';



    window.setInterval(function() {
        topleftmapbox.getSource('mesocyclone').setData(url);
    }, 2000);

    topleftmapbox.addSource('mesocyclone', { type: 'geojson', data: url });
    topleftmapbox.addLayer({
        "id": "mesocyclone",
        "type": "symbol",
        "source": "mesocyclone",
        "layout": {
            "icon-image": "meso-image"
        }
    });

}

Answer 1

添加图层时，必须满足以下布局属性：

     "icon-allow-overlap" : true,
     "text-allow-overlap": true

如果不将这两个设置为 true，问题将无法解决。

Mapbox GL JS：JSON 点消失

Mapbox GL JS : JSON points disappear

geojson

mapbox

mapbox-gl-js