僅更新那些屬性

Question

我在Mapbox中繪製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'; 
      } 
    } 

如果點> 5，否則返回所以它返回紅blue.But這一切都會返回藍色，並且整個線條的顏色都會發生變化。如果有幫助，我會很感激。這就是我創建圖層的方式。

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

以下確實使更新像魅力一樣工作。所以只傳遞顏色，我通過重量和不透明度和顏色，它的工作很好。

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(){} 
    }); 
} 

Answer 2

你能證明什麼是line.features陣列內或檢查d的控制檯值，傳遞給的getColor功能。