Javascript 覆盖层被隐藏了

我的地图上有3层。所有图层都是imageOverlay类型，以便显示大图像而不是平铺样式。 前两层是基本图像，我可以在它们之间切换（收音机），第三层是覆盖层，如果选中（复选框），应该显示在它们上面

我的问题是，当我选择一个基础层时，覆盖层（第三层）被隐藏，而不是显示在它的顶部

以下是我启动图层的方式：

var image1Layer = L.imageOverlay(image1Url, imageBounds);
var image2Layer = L.imageOverlay(image2Url, imageBounds);
var image3Layer = L.imageOverlay(image3Url, imageBounds);

L.control.layers({
  'New': image2Layer,
  'Old': image1Layer
}, 
{
  'Changes': image3Layer
}, 
{collapsed:false}).addTo(map);

---

您可以检查覆盖层是否存在于地图上，如果存在，则在更改基础层时将其置于最前面

map.on('baselayerchange', function() {
    if (map.hasLayer(image3Layer)) {
        image3Layer.bringToFront();
    }
});