如何折叠传单控件

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (9)

我使用expand Layer-Control启动我的应用程序:

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

我发现没有Mouse-Action来最小化Layer-Control。我想最小化Layer-Control。但我不知道处理程序。有人可以给我一个提示吗?

提问于
用户回答回答于

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

我正在使用JQuery,但你也可以操纵DOM。

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

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

扫码关注云+社区

领取腾讯云代金券