如何折叠小叶控件

Question

我通过扩展Layer-Control启动我的应用程序：

L.control.layers(baseMaps, overlays, { collapsed:false } ).addTo(mymap);

我没有找到可最小化图层控制的鼠标动作。我想最小化图层控制。但是我不知道处理程序。有人可以给我小费吗？

Answer 1

我对Leaflet有相同的要求。我首先需要扩展图层控件，然后在有人意识到它的作用后返回其正常隐藏。

我正在使用JQuery，但是您也可以操纵DOM。

我有一个实例化图层控件对象的函数，然后立即为扩展控件和较小的切换小部件重置mouseenter和mouseleave事件。

let layerControl = L.control.layers(basemap_items, { 'specialLayer': layer}, { collapsed: false }).addTo(map);
$('.leaflet-control-layers').on('mouseleave', () => {
    layerControl.collapse();
});
$('.leaflet-control-layers-toggle').on('mouseenter', () => {
    layerControl.expand();
});