防止绘制具有零值的缩放点，Mapbox，传单

Question

我正在用Mapbox js制作泡泡地图。

问题是：如果点低于某个值，我会试图阻止点出现。当前显示的值为0。

设置点的函数如下所示。我已经注释掉了一个不成功的if语句。

function layer(selecta){ 
    geoJson = L.geoJson(geoJsonData, {
        pointToLayer: function(feature, latlng) {
            return L.circleMarker(latlng, {
                color: '#c10000',
                  //    if (parseInt(feature.properties[selecta]) < 50000){
                radius: (Math.sqrt(feature.properties[selecta] / 3.141592) / 50)  
                  //    }
            }).bindPopup('<h3>' + feature.properties.country + '</h3><p>' + 'Refugees, asylum seekers and IDPs in ' + currentYear + ': ' + numeral(feature.properties['yr' + currentYear]).format('0,0') + '</p>',{
                closeButton: true,
                minWidth: 320
            });
        }
    }).addTo(map);

};
layer('yr2013'); 

数据从geoJSON文件加载，该文件是一个对象数组。每个对象每年都有属性。如。

  {  
     "type":"Feature",
     "geometry":{  
        "type":"Point",
        "coordinates":[  
           64.585262,
           41.377491
        ]
     },
     "properties":{  
        "country":"Uzbekistan",
        "yr2000":"39598",
        "yr2001":"40923",
        "yr2002":"46014",
        "yr2003":"45653",
        "yr2004":"44932",
        "yr2005":"44537",
        "yr2006":"1422",
        "yr2007":"1060",
        "yr2008":"821",
        "yr2009":"555",
        "yr2010":"311",
        "yr2011":"214",
        //"yr2012":"176",
        //"yr2013":"138"
     }
  },

如果我去掉值低于200的值，就像上面的例子一样，这将在控制台中返回一个错误。这些点仍然显示出来，但这是一次大规模的黑客攻击。

有人能告诉我一个更干净的方法吗？

编辑我从未找到解决方案，但我最终找到了一个解决方案。

传单具有圆形标记器选项“不透明度”和“填充不透明度”。

这是文件

所以我做了一个函数，如果值太小，它会返回零，这样标记就不会出现。

但从技术上讲，它仍然存在。

Answer 1

这个怎么样：

function layer(selecta){ 
    geoJson = L.geoJson(geoJsonData, {
        pointToLayer: function(feature, latlng) {

            //I suppose this is an integer
            var number_refugees = numeral(feature.properties['yr' + currentYear]);

            if(number_refugees > 0){
                var popup_content = '<h3>' + feature.properties.country + '</h3>'
                    + '<p>' + 'Refugees, asylum seekers and IDPs in ' + currentYear + ': '
                    + number_refugees.format('0,0') + '</p>';

                return L.circleMarker(latlng, {
                    color: '#c10000',
                    radius: (Math.sqrt(feature.properties[selecta] / 3.141592) / 50)  
                }).bindPopup(popup_content),{
                    closeButton: true,
                    minWidth: 320
                });
            }
        }
    }).addTo(map);
};
layer('yr2013');

Answer 2

您是否尝试过使用Mapbox.js的.setFilter（）？它应该删除您不想要的功能，而不仅仅是使它们透明。

https://www.mapbox.com/mapbox.js/example/v1.0.0/markers-with-multiple-filters/