传单删除层在使用 javascript 的 Internet Explorer 11 中不起作用

Question

I use below script to update my image dynamically, its working fine in chrome and Edge but in internet explorer new image get added unable to remove old image, no error in console.

In below script its passing this condition if(oldhandle != null && map.hasLayer(oldhandle ))

var layerHandle;
var map;

function updateLayer(){
    var bounds=XXX;
    var imageUrl=XXX;
    var oldhandle = layerHandle;         
    layerHandle = L.imageOverlay(imageUrl, bounds).on("load",function(){
                    if(oldhandle != null  && map.hasLayer(oldhandle ))
                        map.removeLayer(oldhandle);
                    });
        
    layerHandle.addTo(map);
}

Answer 1

I have the same problem, however I resolved my issue like this:

var map;

function updateLayer(){
    var bounds=XXX;
    var imageUrl=XXX;
    var imageName="myImage";     
    layerHandle = L.imageOverlay(imageUrl, bounds, {className:imageName}).on("load",function(){
                  
                    });
        removeMyLayer(imageName);
    layerHandle.addTo(map);
}

function removeMyLayer(imageName){
     map.eachLayers(function(layer){
      if(layer.options && layer.options.className==imageName){
        map.removeLayer(layer);
     }
   })
}