如何自定義傳單樣式功能以根據屬性值獲取顏色

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的參數就是你認為的那樣。