如何实现Leaflet地图中用户添加的标记一小时后自动消失？

你可以借助JavaScript的setTimeout()函数实现标记在1小时后自动移除。1小时对应3600000毫秒，只需在创建并添加标记到地图后，设置这个定时器，到时调用地图的removeLayer()方法即可移除标记。

另外注意你原代码里的小问题：marker变量未定义，需要统一变量名避免混淆，以下是修正后的完整代码：

function getClickedLanLon(e) {
    const lat = e.latlng.lat;
    const lon = e.latlng.lng;

    // 创建标记并绑定弹出框后添加到地图
    const marker = new L.Marker(new L.LatLng(lat, lon));
    marker.bindPopup("Cat Spotted").addTo(map);

    // 设置1小时后自动移除标记
    setTimeout(() => {
        map.removeLayer(marker);
    }, 3600000);
}

map.on('click', getClickedLanLon);

关键细节说明： #

• setTimeout()的第二个参数为延迟毫秒数，这里3600000正好对应1小时。
• 回调函数中调用map.removeLayer(marker)，将目标标记从地图图层中移除，绑定的弹出框会随标记一同被移除。
• 使用const声明变量可避免全局变量污染，防止后续点击创建的标记覆盖之前的实例。

内容的提问来源于stack exchange，提问作者jcarlo756