Leaflet 更改缩放时的地图背景色-传单

Leaflet 更改缩放时的地图背景色-传单,leaflet,zooming,background-color,Leaflet,Zooming,Background Color,我想更改缩放时的背景色。我在CSS文件中指定的地图当前背景色为蓝色。在我的地图上我有一些标记。当我点击标记时,它会缩放到光栅图块上的特定位置。当我的地图缩放到光栅分幅时,我想将地图背景颜色更改为白色。如何在特定的缩放级别后更改地图背景颜色听zoom事件,然后为缩放添加css类 L.DomUtil.addClass(map.getContainer(),'blue-bg'); map.on('zoom',(e)=>{ var zoom = map.getZoom(); if(

我想更改缩放时的背景色。我在CSS文件中指定的地图当前背景色为蓝色。在我的地图上我有一些标记。当我点击标记时,它会缩放到光栅图块上的特定位置。当我的地图缩放到光栅分幅时,我想将地图背景颜色更改为白色。如何在特定的缩放级别后更改地图背景颜色听
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');
  }
});

Falke Design非常感谢您。这解决了我的问题。你是救世主。