宣传单:更新GeoJson过滤器? [英] Leaflet: Update GeoJson filter?
本文介绍了宣传单:更新GeoJson过滤器?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想用数据填充GeoJson图层,然后动态过滤要显示的功能。
I would like to populate a GeoJson layer with data and then dynamically filter what features to show.
我已经使用了过滤功能,但我不知道如何更改过滤器然后刷新图层。
I have gotten the filter function to work but I do not know how to change the filter and then refresh the layer.
添加数据后,有什么方法可以更新过滤器吗?
Is there any way I can update the filter after I have added the data?
推荐答案
我是通过将每种要素类型添加到不同的 LayerGroup 基于要素的属性。例如
I did this by adding each feature type to a different LayerGroup based on a property of the feature. e.g.
GeoJSON
var data =[
{
type: "Feature",
properties: {
type: "type1"
},
geometry: {
type: "Point",
coordinates: [-1.252,52.107]
}
},
{
type: "Feature",
properties: {
type: "type2"
},
geometry: {
type: "Point",
coordinates: [-2.252,54.107]
}
}
];
创建 GeoJSON 图层
//array to store layers for each feature type
var mapLayerGroups = [];
//draw GEOJSON - don't add the GEOJSON layer to the map here
L.geoJson(data, {onEachFeature: onEachFeature})//.addTo(map);
/*
*for all features create a layerGroup for each feature type and add the feature to the layerGroup
*/
function onEachFeature(feature, featureLayer) {
//does layerGroup already exist? if not create it and add to map
var lg = mapLayerGroups[feature.properties.type];
if (lg === undefined) {
lg = new L.layerGroup();
//add the layer to the map
lg.addTo(map);
//store layer
mapLayerGroups[feature.properties.type] = lg;
}
//add the feature to the layer
lg.addLayer(featureLayer);
}
然后你可以调用Leaflet map.addLayer / removeLayer 函数例如
Then you can call the Leaflet map.addLayer/removeLayer functions e.g.
//Show layerGroup with feature of "type1"
showLayer("type1");
/*
* show/hide layerGroup
*/
function showLayer(id) {
var lg = mapLayerGroups[id];
map.addLayer(lg);
}
function hideLayer(id) {
var lg = mapLayerGroups[id];
map.removeLayer(lg);
}
这篇关于宣传单:更新GeoJson过滤器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文