只更新那些属性被改变的

Question

我在 Mapbox.So 中绘制 LineStrings 现在我在属性更改时更新线条的颜色。

function update_the_map(){
  $.ajax({ 
    url:"http://dataurl",
    contentType : "application/json; charset=utf-8",
    type: "GET",
    dataformat:"JSON",
    async : false,
    success: function(data){ 

        for (i = 0; i <lines.features.length; i++) { 
            lines['features'][i]['properties']['points']=data[i].points;
            var style_update =getColor( lines['features'][i]['properties']['points']); 
            geojson.setFeatureStyle(lines['features'][i]['properties']['id'], style_update);
        }

        setTimeout( update_the_map, 10000);
        console.log("updated");
    },
    error:function(){}  
  });
}

但这会改变线条的所有颜色，而不是那些大于 5.Because 的点，我的颜色函数就像

function getColor(d) {
           if(d==10 || d==9 || d==8  || d==7  || d==6){
               return '#ff0000';
           }
           else {
               return '#00a1ff';
           }
    }

所以它 returns 红色如果点>5 否则它 returns blue.But 这个 returns 蓝色代表所有东西，整行颜色是 changed.ANy 帮助appreciated.This 是我创建图层的方式。

geojson = L.vectorGrid.slicer(lines, {
    vectorTileLayerStyles: {
        sliced: style},

    maxZoom: 24, // max zoom to preserve detail on
    interactive: true,
    getFeatureId: function(f) {
        return f.properties.id;
    }
}).on('mouseover', mouseover_function).addTo(map);

我的台词是一个变量，如下所示：

 var lines= {

            "type":"FeatureCollection","features": [{"type": "Feature","geometry":{"type":"LineString", 
"coordinates":[[ 101.942139,4.252606],[101.766357,3.134346]]},
"properties": {"id":"01","points":10}},....
    ]};

Answer 1

您能否显示 line.features 数组中的内容或检查控制台中传递给 getColor 函数的 d 的值。

Answer 2

以下内容确实使更新工作变得很有魅力。因此，我没有只传递颜色，而是传递了重量、不透明度和颜色，它工作得很好。

function update_the_map(){
      $.ajax({ 
        url:"http://dataurl",
        contentType : "application/json; charset=utf-8",
        type: "GET",
        dataformat:"JSON",
        async : false,
        success: function(data){ 
             var style_update; //changed declaration here

        for (i = 0; i <lines.features.length; i++) { 
            lines['features'][i]['properties']['points']=data[i].points;
            style_update = {
                                            weight: 2,
                                            opacity: 1,                                             
                                            color: getColor(links['features'][i]['properties']['score']),                                                                           
                                            fillOpacity: 0.7
                           };//added this whole for variable style update

 geojson.setFeatureStyle(links['features'][i]['properties']['id'],style_update);
                                                    }

        setTimeout( update_the_map, 10000);
        console.log("updated");
    },
    error:function(){}  
  });
}

只更新那些属性被改变的

Updating only those properties are changed

javascript

geocoding

leaflet

mapbox