以全屏方式在Leaftlet上打开引导程序模式

Question

我正在使用Boostrap 4和Leaflet

在传单上， 我可以通过单击标记bindPopup打开模式。

在Leaflet的全屏中 模态也很好地打开了， 但在地图后面。

可以保持全屏状态并在地图上打开模式吗？

我尝试过 -删除类别名称leaflet-fullscreen-on

$('#map').removeClass('leaflet-fullscreen-on');

• 更改模态的z-index

  $（'＃modal'）。css（'z-index'，100000）;

没有成功

有人知道吗？

Ps： 对不起，我的英语，我是法语（受限）;-）

Answer 1

使用Bootstrap 3和Leaflet.fullscreen https://github.com/Leaflet/Leaflet.fullscreen通过在map div中调用模式来实现：

<div id = "map" class = "map">
<? php include ("include / modal / mymodal.php"); ?>
</div>

结果：

•在全屏模式下，模态出现在地图上，

••禁用全屏模式时，由于背景幕而导致无法访问模态，如果模态包含表单，链接等，这可能会很烦人。要删除背景幕，必须添加参数数据-情节中的-backdrop =“ false”，然后向模式中添加一个关闭按钮：

<div id="modal" class="modal fade" data-backdrop="false">

演示：https://www.gpstraces.net/how-to-open-a-bootstrap-modal-in-a-leaflet-full-screen-map-tutorial-1

Voili voilou