La mise à jour de ces propriétés uniquement est modifiée

Question

Je suis en train de tracer LineStrings dans Mapbox.Ainsi, je suis en train de mettre à jour la couleur des lignes lorsque la propriété est modifiée.

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

Mais cela change toute la couleur des lignes et non les points sont plus importants que 5.Because ma get fonction de la couleur est comme

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

Il retourne rouge si les points> 5 sinon il retourne bleu.Mais ceci renvoie le bleu pour tout et la couleur de toutes les lignes est changée. L'aide est appréciée. C'est comment je crée la couche.

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); 

Mes lignes est une variable comme suit:

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

Ce qui suit a fait fonctionner la mise à jour comme un charme. Donc au lieu de passer seulement la couleur j'ai passé le poids et l'opacité et la couleur Cela a bien fonctionné.

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

Pouvez-vous montrer que ce qui est à l'intérieur du tableau line.features OU vérifier la valeur de d dans la console, passée à la fonction getColor.