Simple Leaflet control to open a Boostrap modal
HTML JavaScript CSS
Latest commit ad99499 Feb 15, 2016 @gregallensworth Doc update re demo
Permalink
Failed to load latest commit information.
example Initial commit Feb 15, 2016
LICENSE Initial commit Feb 15, 2016
README.md Doc update re demo Feb 15, 2016
leaflet-bootstrapmodal.css Initial commit Feb 15, 2016
leaflet-bootstrapmodal.js Initial commit Feb 15, 2016

README.md

L.Control.BootstrapModal

A simple Leaflet control to open a Bootstrap modal.

Modals are great for help panels, or for feedback forms, or for displaying a legend that doesn't need to take up screen space all the time. And if you want a Leaflet-styled button on your map, which would trigger this modal... here's the plugin for you.

Usage

For a quick start, see the example folder, or the live demo: http://gregallensworth.github.io/L.Control.BootstrapModal/

Assuming that you already have a Bootstrap modal set up on your page, and already have a Leaflet map running, the control runs like this:

new L.Control.BootstrapModal({
    modalId: 'modal_help',
    tooltip: "How to use this thing",
    glyph: 'question-sign'
}).addTo(MAP);

Parameters are:

  • modalId -- The DOM ID of the modal, e.g. what you put inside the id="" part. Required

  • tooltip -- A tooltip to be displayed when the user hovers their mouse over the button. Optional

  • glyph -- Which of the Bootstrap Glyphicons to display in the button. See http://getbootstrap.com/components/#glyphicons for the full list. Optional and defaults to a "i" icon.