Suite

La fonction de fonction de style GeoJSON de la brochure ne colore qu'une seule fonction GeoJSON

La fonction de fonction de style GeoJSON de la brochure ne colore qu'une seule fonction GeoJSON


Je dois styliser différemment chaque fonctionnalité que je tire d'un fichier GeoJSON. Cependant, cette fonction de style anonyme ne change le style que sur la première fonctionnalité qu'elle rencontre et s'arrête. Je suis nouveau sur Leaflet. J'ai vu plusieurs démos mais je ne trouve pas de raison pour laquelle cette fonction de style anonyme ne change que le style de la première fonctionnalité et pas le reste. La fonction getTableData renvoie une couleur de la table générée lors du chargement de la page.

Exemple de fonctionnalité

var countyData = { "type": "FeatureCollection", "features": [ { "type": "Feature", "id": 0, "properties": { "ENTITYYR": 2010.0, "NAME": "COUNTY1" , "FIPS": 25.0, "FIPS_STR": "49025", "COLOR4": 4 }, "geometry": { "type": "Polygon", "coordinates": [ [ Longue liste de coordonnées ici ] ] } } , etc geojson = L.geoJson(countyData, { style: function(feature) { switch (feature.properties.NAME) { case 'COUNTY1': return {color: '#' + getTableData(feature.properties.NAME)}; pause ; cas 'COUNTY2' : retour {couleur : '#' + getTableData(feature.properties.NAME)} ; pause ; cas 'COUNTY3' : retour {couleur : '#' + getTableData(feature.properties.NAME)} ; pause ; cas 'COUNTY4' : retour {couleur : '#' + getTableData(feature.properties.NAME)} ; pause ; cas 'COUNTY5' : retour {couleur : '#' + getTableData(feature.properties.NAME)} ; break ; } }, onEachFeature : onEachFeature }).addTo(map);

Voir exemple

var countyData = { "type": "FeatureCollection", "features": [{ "type": "Feature", "id": 0, "properties": { "ENTITYYR": 2010.0, "NAME": "COUNTY1" , "FIPS": 25.0, "FIPS_STR": "49025", "COLOR4": 4 }, "geometry": { "type": "Polygon", "coordinates": [ [Long List Of Coordinates here] ] } } , etc geojson = L.geoJson(countyData, { style: function(feature) { if (feature.properties.NAME === "COUNTY1") { return { color: "#ff3135", weight: 1 }; } if ( feature.properties.NAME === "COUNTY2") { return { color: "#009b2e", weight: 2 }; } if (feature.properties.NAME === "COUNTY3") { return { color: "#ce06cb ", poids : 3 } ; } }, onEachFeature : onEachFeature }).addTo(map);

Source https://github.com/bmcbride/bootleaf/blob/master/assets/js/app.js à partir du modèle BootLeaf http://bmcbride.github.io/bootleaf/