Question

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

$(".leaflet-control-zoom-fullscreen").click(function(e){
  console.log(e);
  if(e.clientX <=20){
    $("#dashboardA").show();
  }else 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(){
});

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

2 个答案: