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

Question

我想更改 zoom.my 地图的当前背景颜色是我在 CSS 文件中指定的蓝色。在我的地图上，我有一些标记。当我单击标记时，它会缩放到光栅图块上的特定位置。当我的地图缩放到栅格图块时，我想将地图背景颜色更改为白色。如何在一定缩放级别后更改地图背景颜色

Answer 1

监听 zoom 事件，然后为缩放添加 css class。

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/