首页 > 解决方案 > Mapbox GL JS:JSON点消失

问题描述

我的地图上有 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"
        }
    });

}

标签: mapboxgeojsonmapbox-gl-js

解决方案


添加图层时,以下布局属性必须为真:

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

如果这两个都设置为 true,则问题将无法解决。


推荐阅读