weberius / bootleaf

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

Home Page:https://weberius.github.io/bootleaf/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BootLeaf

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

Changes

Changes to bmcbride/bootleaf contains only updates of libraries:

Links to Script Libraries:

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.5.3/leaflet.markercluster.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.79.0/L.Control.Locate.min.js"></script>

Links to css Libraries:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.5.3/MarkerCluster.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.5.3/MarkerCluster.Default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.79.0/L.Control.Locate.css">

Demo:

https://weberius.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

About

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

https://weberius.github.io/bootleaf/

License:MIT License


Languages

Language:JavaScript 58.3%Language:HTML 35.2%Language:CSS 6.6%