使用 GoogleMutant 更新传单底层属性

Question

我有一个 google 层（基础层）GoogleMutant 并想更新它的选项。我试着

map.remove(google.layer)
//update the POI visibility
google.layer.options.styles.forEach(i=>i.stylers[0].visibility = "off")
map.addLayer(google.layer)

这会更新图层选项，但 Points of interest 仍在地图上。有什么方法可以更新选项并将它们应用于底层？谢谢

这里有一个 google 突变体 https://jsfiddle.net/benderlio/2m4c01w6/10/ 的例子有一个按钮“删除 POI”，我想用 leaflet API

从当前图层中删除所有 poi

Answer 1

Leaflet 无法即时更改设置。您必须删除整个对象并创建一个替代对象。

比如如果你需要改变一个图层，你必须将它移除，比如：

roadMutant.removeFrom(map); // or
map.removeLayer(roadMutant);

然后创建并添加新的：

roadMutant.addTo(map);

我创建了一个 fiddle 来帮助根据您的更改进行更改。它仍然有错误和需要改进的地方，但它是一个基础...

使用 GoogleMutant 更新传单底层属性

Update leaflet baselayer properties with GoogleMutant

leaflet

react-leaflet

react-leaflet-v3