在缩放-Leaflet上更改地图背景颜色

Question

我想改变zoom.my的背景颜色，地图的当前背景颜色是蓝色，这是我在CSS文件中指定的。在我的地图上，我有一些标记，.when，我点击标记，它会缩放到栅格瓦片上的特定位置。当我的地图缩放到栅格瓷砖时，我希望将地图背景颜色更改为白色。如何在达到一定缩放级别后更改地图背景颜色

Answer 1

监听zoom事件，然后添加用于缩放的css类。

L.DomUtil.addClass(map.getContainer(),'blue-bg');

map.on('zoom',(e)=>{
  var zoom = map.getZoom();
  
  if(zoom > 13){
    L.DomUtil.addClass(map.getContainer(),'white-bg');
    L.DomUtil.removeClass(map.getContainer(),'blue-bg');
  }else{
    L.DomUtil.removeClass(map.getContainer(),'white-bg');
    L.DomUtil.addClass(map.getContainer(),'blue-bg');
  }
});

https://jsfiddle.net/falkedesign/4ob7vtnz/