在传单中打开全屏 div 而不是圆形或标记弹出窗口？

问题描述

我发现了这个关于我的审讯的话题： Open Leaflet Popup fullscreen in smartphones

答案似乎不错，但我根本无法让它正确运行。

确实，当我在地图上点击我的圈子时，会显示一个空的弹出窗口，但没有其他内容。在检查 HTML 时，“可见”类被添加到我想要显示的 div 中。

但我想我只是无法理解 openPopup ans closPopup 中函数中的“ev”参数是什么...

有人可以尝试给我更多有关如何使其工作的信息吗？

关于我的代码：

按照建议，我的 HTML 有两个不同的 div：

<!-- HTML -->
<div id='map'></div>
<div id='fullScreenInfo'></div>

我的 CSS 看起来像这样：

/* CSS */
#fullScreenInfo { display: none; }
#fullScreenInfo.visible { display:fixed; left:0; right: 0; top:0; bottom: 0; }

我的 JS 与链接的主题一样，但我真的不明白如何让它运行：

/* JS */
map.on('popupopen',function(ev){
  var el = document.getElementById('fullScreenInfo');
  el.innerHTML = ev.popup.getContent();
  el.classList.add('visible');
});
map.on('popupclose',function(ev){
  var el = document.getElementById('fullScreenInfo');
  el.classList.remove('visible');
});

在此先感谢您的帮助！ ;)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fullscreen fullscreen leaflet popup