检测Leaflet Map是否处于全屏模式

有谁知道如何检测传单地图是否设置为全屏？ 所以这是我正在玩的一个例子。 我希望能够检测用户是否处于全屏状态。 我试过这个：

$(".leaflet-control-zoom-fullscreen").click(function(e){ console.log(e); if(e.clientX  150){ $("#dashboardA").hide(); }else{ $("#dashboardA").show(); } }); 

上面的代码有点作品。但我觉得有更好的方法来做到这一点。 例如，假设我在地图上显示某些内容，并希望在用户在全屏模式和普通模式之间移动时隐藏/显示它。 我该如何有效地做到这一点？ 非常感谢。

Answer 1

如果您使用Leaflet.fullscreen插件，则可以调用map.isFullscreen()来获取地图的全屏状态。

Answer 2

文件说

 map.on('fullscreenchange', function () { if (map.isFullscreen()) { console.log('entered fullscreen'); } else { console.log('exited fullscreen'); } }); 

如果不工作，请改用它

 map.on('enterFullscreen', function(){ }); map.on('exitFullscreen', function(){ });