Python Folium如何实现数秒后自动隐藏城市边界图层，time.sleep无效怎么解决

问题根因 #

你使用time.sleep()无法生效的核心原因是：该函数是在Python本地生成HTML文件的过程中执行休眠，而非在用户浏览器打开地图页面、加载图层的前端环境执行，你原代码的逻辑只是先后添加了两个完全相同的边界图层（一个默认显示、一个默认隐藏），完全达不到前端延时关闭的效果。

修正后代码 #

import folium
import os

m = folium.Map(location=[22.3193, 114.1694], zoom_start=10, tiles='CartoDB Dark_Matter', zoom_control=False, height='75%')

outline = os.path.join('outline.json')
# 给边界图层指定固定的overlay名称，方便后续JS查找
folium.GeoJson(outline, name='outline', show=True).add_to(m)

folium.TileLayer('CartoDB Dark_Matter').add_to(m)
folium.TileLayer('CartoDB Positron').add_to(m)

folium.LayerControl().add_to(m)

# 注入自定义JavaScript代码实现延时隐藏图层
delay_js = """
<script>
// 等待地图完全加载完成
document.addEventListener('DOMContentLoaded', function() {
    // 延时时间，单位毫秒，此处设5000即加载后5秒关闭，可自行修改
    const delayTime = 5000;
    setTimeout(function() {
        // 遍历所有overlay图层，找到名称为outline的边界图层
        for (let layer in map._layers) {
            if (map._layers[layer].options.name === 'outline') {
                // 移除图层
                map.removeLayer(map._layers[layer]);
                // 同步更新图层控制器的勾选状态
                document.querySelector('input[type="checkbox"][name="leaflet-overlay-outline"]').checked = false;
                break;
            }
        }
    }, delayTime);
});
</script>
"""
# 将JS代码插入到生成的HTML文件中
m.get_root().html.add_child(folium.Element(delay_js))

m.save('map.html')

关键说明 #

• 你原代码中地图初始化的tiles参数CartoDB Dark_ Matter中间多了多余空格，已修正为正确的CartoDB Dark_Matter
• 代码中delayTime参数可以根据你的需求调整数值，单位为毫秒，例如设置为3000就是加载完成后3秒关闭边界图层
• 注入的JS代码会自动同步图层控制器的勾选状态，不会出现图层关闭了但控制器还勾选的异常情况

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