在网络连接恢复时强制刷新Leaflet磁贴

// 创建地图对象
var map = L.map('map');

// 创建磁贴图层
var tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 18,
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors'
}).addTo(map);

// 监听网络连接恢复事件
window.addEventListener('online', function() {
    // 移除旧的磁贴图层
    map.removeLayer(tileLayer);
    
    // 创建新的磁贴图层
    tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 18,
        attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors'
    }).addTo(map);
});

// 监听网络连接断开事件
window.addEventListener('offline', function() {
    // 移除磁贴图层
    map.removeLayer(tileLayer);
});