Leaflet Search(S.Cudini)关于Bootstrap模态

时间:2018-06-16 17:36:30

标签: javascript leaflet bootstrap-4

我继续在webgis上工作,我正在使用S.Cudini的LeafletSearc库

http://labs.easyblog.it/maps/leaflet-search/

它完美无缺,只是我希望将这个模块插入一个专门用搜索字段和搜索按钮创建的引导模式中。

这是我的模态

   
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" 
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel">Ricerca per 
        numero sito</h5>
      <button type="button" class="close" data-dismiss="modal" aria- 
        label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
       <div class="form-group">
         <label for="exampleInputEmail1">Inserisci il numero 
             sito</label>
          <input type="email" class="form-control" 
            id="exampleInputEmail1" aria-describedby="emailHelp" p 
            placeholder="sito numero...">
            <small id="emailHelp" class="form-text text-muted">cerca 
             il sito per identificativo.</small>
             </div>
          </div>
      <div class="modal-footer">
      <button type="submit" class="btn btn-primary">Cerca</button>
      <button type="button" class="btn btn-primary" data- 
      dismiss="modal">Chiudi</button>
       </div>
     </div>
   </div>

  </div>

 <!-- Fine Modal -->

谢谢!

0 个答案:

没有答案