有没有一种方法可以通过单击Leaflet中的多边形来过滤geojson?

卑尔根88

我已经使用带有LayerGroup的切换按钮实现了geojson过滤器,但是我想知道是否有人使用地图上的鼠标单击成功完成了相同的行为。

示例:世界国家地图。单击“意大利”多边形将导致仅意大利可见。在意大利境外单击以再次显示所有国家。希望我的问题清楚。

iH8

只需挂接到图层的click事件,清除组并添加该单个图层即可。还要钩住地图,单击,删除单个图层,然后恢复其余的图层。这是一个快速n肮脏的示例:

// vars to store stuff
var geojson, source, selected;

// Load the collection
$.getJSON(url, function (collection) {
    // Store collection for later use
    source = collection;
    // Create layer and add collection
    geojson = L.geoJson(collection, {
        // On each feature in collection
        'onEachFeature': function (feature, layer) {
            // Attach click handler
            layer.on('click', function () {
                // Set selected flag
                selected = true;
                // Clear the entire layer
                geojson.clearLayers();
                // Add the feature
                geojson.addData(feature);
                // Fit layer to map
                map.fitBounds(layer.getBounds());
            });
         }
    }).addTo(map);
});

// Attach to map click
map.on('click', function () {
    // Check if something's selected
    if (selected) {
        // Clear the entire layer
        geojson.clearLayers();
        // Restore the collection
        geojson.addData(source);
        // Fit map to collection
        map.fitBounds(geojson.getBounds());
    }
});

这是有关Plunker的工作示例:http ://plnkr.co/edit/o5Q0p3?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在传单中,有没有一种方法可以在单击多边形时获取地图单击的坐标?

来自分类Dev

有没有一种方法可以对SpatialPolygon的每个多边形中的固定数量的点进行采样?

来自分类Dev

有没有一种方法可以通过存储在R中另一个DataFrame中的唯一变量来过滤DataFrame

来自分类Dev

有没有一种方法可以使svg多边形阴影具有不透明度?

来自分类Dev

有没有一种方法可以在Ruby on Rails中使用HTML文件创建多边形目标区域?

来自分类Dev

有没有一种方法可以通过在Google表格中单击鼠标来放大图像?

来自分类Dev

有没有一种方法可以基于分类列和日期列来过滤R中的行

来自分类Dev

有没有一种方法可以过滤R中函数调用的结果?

来自分类Dev

有没有一种方法可以过滤R中函数调用的结果?

来自分类Dev

有没有一种方法可以通过JS中的RTC发送变量?

来自分类Dev

有没有一种方法可以在运行时重新计算多边形对撞机?并可能具有更好的准确性?

来自分类Dev

有没有一种方法可以通过单击某些东西来启动屏幕保护程序?

来自分类Dev

有没有一种方法可以执行按钮单击下的方法?

来自分类Dev

有没有一种方法可以选择单击时数组元素的索引?

来自分类Dev

有没有一种方法可以跳过对ActionListener的鼠标单击?

来自分类Dev

有没有一种方法可以按元素过滤pandas groupby结果?

来自分类Dev

有没有一种方法可以通过在Compose支架中单击TopAppBar中的IconButton来打开网页?

来自分类Dev

有没有一种方法可以检查表单中是否单击了任何单选按钮?

来自分类Dev

有没有一种方法可以检查单击的按钮的textContent是否与数组中的任何值匹配?

来自分类Dev

有没有一种方法可以禁用单击href链接n天,使用JavaScript中的cookie

来自分类Dev

在IntelliJ中,有没有一种方法可以单击变量并检查其类型(打字稿)?

来自分类Dev

有没有一种方法可以在Laravel中应用查询过滤器?

来自分类Dev

Python:有没有一种方法可以解析过滤器中的元组?

来自分类Dev

有没有一种方法可以使用sed或awk过滤压缩文件中的数据?

来自分类Dev

有没有一种方法可以通过参考模拟下垂

来自分类Dev

有没有一种方法可以通过UIActivityViewController发送日历事件?

来自分类Dev

有没有一种方法可以通过索引合并多个列表索引?

来自分类Dev

有没有一种方法可以通过Sonar分析Powershell脚本?

来自分类Dev

有没有一种方法可以通过蓝牙可靠地通信?

Related 相关文章

  1. 1

    在传单中,有没有一种方法可以在单击多边形时获取地图单击的坐标?

  2. 2

    有没有一种方法可以对SpatialPolygon的每个多边形中的固定数量的点进行采样?

  3. 3

    有没有一种方法可以通过存储在R中另一个DataFrame中的唯一变量来过滤DataFrame

  4. 4

    有没有一种方法可以使svg多边形阴影具有不透明度?

  5. 5

    有没有一种方法可以在Ruby on Rails中使用HTML文件创建多边形目标区域?

  6. 6

    有没有一种方法可以通过在Google表格中单击鼠标来放大图像?

  7. 7

    有没有一种方法可以基于分类列和日期列来过滤R中的行

  8. 8

    有没有一种方法可以过滤R中函数调用的结果?

  9. 9

    有没有一种方法可以过滤R中函数调用的结果?

  10. 10

    有没有一种方法可以通过JS中的RTC发送变量?

  11. 11

    有没有一种方法可以在运行时重新计算多边形对撞机?并可能具有更好的准确性?

  12. 12

    有没有一种方法可以通过单击某些东西来启动屏幕保护程序?

  13. 13

    有没有一种方法可以执行按钮单击下的方法?

  14. 14

    有没有一种方法可以选择单击时数组元素的索引?

  15. 15

    有没有一种方法可以跳过对ActionListener的鼠标单击?

  16. 16

    有没有一种方法可以按元素过滤pandas groupby结果?

  17. 17

    有没有一种方法可以通过在Compose支架中单击TopAppBar中的IconButton来打开网页?

  18. 18

    有没有一种方法可以检查表单中是否单击了任何单选按钮?

  19. 19

    有没有一种方法可以检查单击的按钮的textContent是否与数组中的任何值匹配?

  20. 20

    有没有一种方法可以禁用单击href链接n天,使用JavaScript中的cookie

  21. 21

    在IntelliJ中,有没有一种方法可以单击变量并检查其类型(打字稿)?

  22. 22

    有没有一种方法可以在Laravel中应用查询过滤器?

  23. 23

    Python:有没有一种方法可以解析过滤器中的元组?

  24. 24

    有没有一种方法可以使用sed或awk过滤压缩文件中的数据?

  25. 25

    有没有一种方法可以通过参考模拟下垂

  26. 26

    有没有一种方法可以通过UIActivityViewController发送日历事件?

  27. 27

    有没有一种方法可以通过索引合并多个列表索引?

  28. 28

    有没有一种方法可以通过Sonar分析Powershell脚本?

  29. 29

    有没有一种方法可以通过蓝牙可靠地通信?

热门标签

归档