/bootleaf

Template for building simple and elegant web mapping applications with Bootstrap 3 and Leaflet

Primary LanguageJavaScriptMIT LicenseMIT

BootLeaf

A simple, responsive template for building web mapping applications with Bootstrap 3, 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
  • Elegant client-side multi-layer feature search with autocomplete using typeahead.js
  • Integration of Bootstrap tables into Leaflet popups
  • Logic for minimizing layer control and switching to modal popups on small screens
  • Responsive sidebar functionality via the leaflet-sidebar plugin
  • Marker icons included in Layer Control

Screenshots:

Desktop

Desktop Sidebar

Mobile

Mobile Popup

Mobile Search

Mobile Menu