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

Question

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

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 实际上 return 什么都没有。调用 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 的论据如您所想。

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

How to customize leaflet style function to get color depending on properties values

javascript

geojson

python-3.x

leaflet

folium