javascript - 在实际需要时点击填写传单弹出窗口

Question

我有一个包含很多标记和复杂弹出内容的地图，由一个名为 popupcontent() 的函数生成，当使用 oneachfeature 函数对地图上的所有标记完成时，需要花费大量时间来计算。

有没有办法仅在实际打开时触发 pupop 中的函数，而不是在开始时生成所有弹出窗口？这将大大加快加载时间。

到目前为止，这是我的代码（我正在使用 markerclusterer 扩展）：

    var geojson1 = L.geoJson(bigJson,{

    onEachFeature: function (feature, layer) {
        layer.bindPopup(popupcontent(feature,layer));
    }
    })
                .addLayer(tiles);
        var markers = L.markerClusterGroup({
            spiderfyOnMaxZoom: true,
            showCoverageOnHover: true,
            zoomToBoundsOnClick: true,
            disableClusteringAtZoom: 10,
            removeOutsideVisibleBounds:true
        });

        var geoJsonLayer = L.geoJson(bigJson, {
        });

        markers.addLayer(geojson1);
        map.addLayer(markers);
        map.fitBounds(markers.getBounds());

演示：http ://stefang.cepheus.uberspace.de/farmshops/

Answer 1

我认为您正在寻找的是这样的（如果您的图层是交互式图层）：

onEachFeature: function (feature, layer) {
  layer.once("click", ()=>{
    layer.bindPopup(popupcontent(feature,layer)).openPopup();
  });
}

使用“once”而不是“on”，这样它只会在单击图层时绑定一次。