Leaflet 修改地图样式

Leaflet 提供了很多方式来修改地图样式。其中一种常用的方式是使用 CSS 进行修改。比如，你可以使用下面的 CSS 修改地图宽度：

#mapid {
  width: 800px;
  height: 600px;
}

另外，你也可以在 Leaflet 初始化时通过 options 对象来设置样式。比如，下面的代码设置地图的背景颜色为灰色：

var map = L.map('mapid', {
  style: {
    backgroundColor: '#f0f0f0'
  }
});

如果你想更改地图图像的颜色，你可以使用一些插件，比如 Leaflet.MapboxVectorTile 和 Leaflet.TileLayer.ColorFilter。这些插件提供了一些可选的选项，让你可以设置图像的颜色、透明度等参数。例如，下面的代码将地图变为黑白灰色：

L.tileLayer.colorFilter('https://tiles.jawg.io/jawg-sunny/{z}/{x}/{y}.png?access-token={accessToken}', {
  attribution: 'Map data © Jawg',
  filter: L.TileLayer.ColorFilter.blackAndWhite(0.5)
}).addTo(map);

希望这些方法能帮助你修改 Leaflet 的地图样式。