Template for building simple and elegant web mapping applications with Bootstrap and Leaflet
JavaScript HTML CSS

README.md

BootLeaf

A simple, responsive template for building web mapping applications with Bootstrap, Leaflet, and typeahead.js.

Demo:

http://bmcbride.github.io/bootleaf/

Features:

  • Fullscreen mobile-friendly map template with responsive Navbar and modal placeholders
  • jQuery loading of external GeoJSON files
  • Logical multiple layer marker clustering via the leaflet marker cluster plugin
  • Elegant client-side multi-layer feature search with autocomplete using typeahead.js
  • Responsive sidebar feature list with sorting and filtering via list.js
  • Marker icons included in grouped layer control via the grouped layer control plugin

Screenshots:

Desktop

Desktop Search

Desktop Popup

Mobile

Mobile Popup

Mobile Search

Mobile Menu