如何自定义传单样式功能以根据属性值获取颜色

Question

我在 geojson 属性上有一个名为 length 的维度。 我有一个下拉列表，例如想要按长度过滤并获得不同的图层颜色。

function getColor_by_length(d){
    return d > 9 ? '#800026' :
           d > 5 ? '#BD0026' :
           d > 3 ? '#E31A1C' :
           d > 0 ? '#FC4E2A' :
                   '#FFEDA0';
}

function linkDropDown(){
    var linkSelector = document.getElementById('linkSelector')    
    if (linkSelector.value == "length"){
        geo_json_layer.eachLayer(function (layer) {
            layer.setStyle({fillColor: getColor_by_length(layer.feature.properties.length)})
        });
    }

我的所有图层总是只有一种相同的颜色。 我想不出我错在哪里。 请问有什么想法吗？

Answer 1

getColor_by_length实际上不返回任何东西。 调用getColor_by_length(something)总是undefined 。 你需要这样做：

function getColor_by_length(d){
  return d > 9 ? '#800026' :   // <----- return the value
         d > 5 ? '#BD0026' :
         d > 3 ? '#E31A1C' :
         d > 0 ? '#FC4E2A' :
                 '#FFEDA0';
}

那应该为你做。 假设d的参数就是你认为的那样。