时间戳

首页 > 解决方案 > 如何折叠传单控件

leaflet - 如何折叠传单控件

问题描述

我从扩展层控制开始我的应用程序：

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

我发现没有鼠标操作来最小化图层控制。我想最小化图层控制。但我不知道处理程序。有人可以给我小费吗？

标签： leaflet

解决方案

我对 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();
});

推荐阅读