在 onEachFeature 传单之外调用一个函数

Question

我想在应用于每个国家层的 onEachFeature 之外调用一个函数。

我要声明的函数是 Leaflet 的点击层上的弹出窗口（示例：如果法国层被点击，调用函数 showflag 作为甜蜜警报弹出窗口

当我在 onEachFunction 中声明和定义它时，它与以下代码完美配合

$.getJSON("js/test/custom.geojson", function(data) {
    // Apply a popup event to each "Features" of the dataset
   L.geoJSON(data, {
        onEachFeature: function (feature, layer) {
            layer.on('click', function showFlag(){
                Swal.fire({
                    title: "You have selected",
                    icon: "info",
                    html: '<span class="flag-icon flag-icon-'+feature.properties.iso_a2.toLowerCase()+'"></span>'
                })
            });
        }
    }).addTo(map);
});

但是当我在代码之外定义它时，它不起作用。它会在脚本加载后显示第一次出现 GeoJSON 数据的警报，之后它不会响应任何点击事件。

$.getJSON("js/test/custom.geojson", function(data) {
    // Apply a popup event to each "Features" of the dataset
   L.geoJSON(data, {
        onEachFeature: function (feature, layer) {
            layer.on('click', showFlag(feature.properties.iso_a2.toLowerCase()));
        }
    }).addTo(map);
});

function showFlag(flag) {
    Swal.fire({
        title: "You have selected",
        icon: "info",
        html: '<span class="flag-icon flag-icon-'+flag+'"></span>'
    })
}

我哪里做错了？

Answer 1

将您的代码更改为：

$.getJSON("js/test/custom.geojson", function(data) {
    // Apply a popup event to each "Features" of the dataset
   L.geoJSON(data, {
        onEachFeature: function (feature, layer) {
            layer.on('click', showFlag);
        }
    }).addTo(map);
});

function showFlag(e) {
    var layer = e.target;
    var flag = layer.feature.properties.iso_a2.toLowerCase();
    Swal.fire({
        title: "You have selected",
        icon: "info",
        html: '<span class="flag-icon flag-icon-'+flag+'"></span>'
    })
}

在 onEachFeature 传单之外调用一个函数

Call a function outside onEachFeature leaflet

javascript

jquery

geojson

leaflet

sweetalert2