Leafletjs：动态改变地图特征颜色

Question

现在已经有几天了，我一直在寻找一种能够使用 Leaflet.js 动态更改不同地图特征（例如道路、水、建筑物、背景等）颜色的方法。我知道我们在 Mapbox 中使用 Mapbox GL 有这个选项。但我想知道这是否可以使用 leaflet.js 库来实现。

任何帮助/解决方法将不胜感激。 谢谢

Answer 1

默认情况下，Leaflet 只能渲染光栅图块（即无法轻易修改的普通图像）和矢量形状（通常来自 GeoJSON 数据）。

如果要修改瓦片渲染，主要有3个选项：

• 下载 OSM 数据并使用您自己的样式重新渲染图块（即创建您自己的图块服务器）。 OSM wiki 应该有一些页面来解释如何做到这一点。
• 使用提供自定义样式的图块渲染的在线服务（例如 Mapbox）。
• 使用Leaflet.VectorGrid 插件和从 OSM 下载的矢量数据并提供您自己的样式。

如果您希望能够在运行时修改渲染，那么只有第 3 个选项是合适的。