获取GeoJSON属性

Question

Here is a view of my GeoJSON:

var point_layer_WGS84_dist = {
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },

"features": [
{ "type": "Feature", "properties": { "x": 7.6789651, "y": 48.5066953, "distCoupe": 10000, "path": "coupes_10000_14995\\PM_10000.png" }, "geometry": { "type": "Point", "coordinates": [ 7.6789651, 48.5066953 ] } },
{ "type": "Feature", "properties": { "x": 7.6788011, "y": 48.5063054, "distCoupe": 10045, "path": "coupes_10000_14995\\PM_10045.png" }, "geometry": { "type": "Point", "coordinates": [ 7.6788011, 48.5063054 ] } },

i want to get information from a geojson file, that i linked thought the HTML is there a possibilty like :

var feat = point_layer_WGS84_dist.getFeatureByPropertie("distCoupe",'10000')
var imageLocation = feat.path

leaflet is able to access to it, how can i do it too ?

Answer 1

You can define getFeaturesByProperty by using Array.prototype.filter :

 var point_layer_WGS84_dist = { "type": "FeatureCollection", "crs": {"type": "name", "properties": {"name": "urn:ogc:def:crs:OGC:1.3:CRS84"}}, "features": [ { "type": "Feature", "properties": {"x": 7.6789651, "y": 48.5066953, "distCoupe": 10000, "path": "coupes_10000_14995\\\\PM_10000.png"}, "geometry": {"type": "Point", "coordinates": [7.6789651, 48.5066953]} }, { "type": "Feature", "properties": {"x": 7.6788011, "y": 48.5063054, "distCoupe": 10045, "path": "coupes_10000_14995\\\\PM_10045.png"}, "geometry": {"type": "Point", "coordinates": [7.6788011, 48.5063054]} }] }; point_layer_WGS84_dist.getFeaturesByProperty = function(key, value) { return this.features.filter(function(feature){ if (feature.properties[key] === value) { return true; } else { return false; } }); }; var feats = point_layer_WGS84_dist.getFeaturesByProperty('distCoupe', 10000); console.log(feats);