在全屏宣传单上打开引导模式 [英] Open a bootstrap modal over Leaftlet in fullscreen

问题描述

我正在使用Boostrap 4和单张

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

在传单的全屏 Modelin的开盘也很好， 但在地图后面。

是否可以全屏显示并在地图上打开模式？

我试过了 -删除类名单-全屏-打开

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

• 更改模式的z索引

  $(‘#modal’).css(‘z-index’，100000)；

未成功

有人知道吗？

Ps： 抱歉我的英语，我是法国人(受限)；-)

推荐答案

使用Bootstrap 3和Leaflet.Full Screenhttps://github.com/Leaflet/Leaflet.fullscreen我通过调用映射div：

中的模式来完成此操作

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

结果：

·在全屏模式下，模式显示在地图上

·禁用全屏模式时，由于背景屏幕，对模式的访问将被阻止，如果模式包含表单、链接等，这可能会很烦人。若要删除背景屏幕，必须在模式中添加参数data-ackdown="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

这篇关于在全屏宣传单上打开引导模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！