当有多个这样的图层控件时,我如何更改网页中 Leaflet 图层控件图标的图标?
目标是在这里有不同的图标:
代码如下:
var layers1 = L.control.layers(...).addTo(map);
var layers2 = L.control.layers(...).addTo(map);
如果我通过 CSS 更改控件的图标,它会在所有图层控件中更改。
最佳答案
我遇到了同样的问题,但我找到了一个更快的解决方案。
我只是以这种方式从我的应用程序的 styles.css 覆盖了特定图层控件的 background-image
属性:
.leaflet-top.leaflet-right .leaflet-control-layers:nth-child(3) .leaflet-control-layers-toggle {
background-image: /*set you value*/
}
在我的例子中,第二个图层控件是第三个子控件(工具栏、图层控件 1 和图层控件 2),因此更改该索引以获得正确的控件。希望对您有所帮助!
关于javascript - 更改传单图层控件图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50544217/