使用OpenLayer在地图外部的不同div中拆分layerSwitcher

Question

我的地图上有很多层充满了poi。此POI按类别（即：食物，睡眠等）和子类别（即：中餐馆，意大利餐馆等）进行排序。

我想在地图之外为每个类别添加一个div，其中包含显示/隐藏相应图层的子类别按钮列表。

现在，我所要做的就是在一个孤独的div中显示图层切换器。

layerSwitcher = new OpenLayers.Control.LayerSwitcher({'div':OpenLayers.Util.getElement('customlayerswitcher')});

你的帮助将大大受到关注：）

Answer 1

我不确定如何重用图层切换器，但由于OpenLayers完全是JavaScript，因此您可以随心所欲地执行任何操作。从图层切换器隐藏这些POI图层（displayInLayerSwitcher：false），并通过JavaScript自行处理将项目添加/删除到类别div中。处理用户点击并根据OpenLayers中的操作（隐藏/显示图层）。