Leaflet
Basic Map
<div id="map"></div>
Interactive components
Maps that feel alive.
Explore reusable map layouts with live pins, search controls, location cards, and polished actions built on Leaflet.
Live Location
Kolkata, India
Search
Search Map
Search map component
Card
Map Card
Map card layout
Marker
Mini Marker
L.marker([13.0827,80.2707]).addTo(map4).bindPopup('Mini marker - Chennai');
Route
Route Map
const route = [[12.9716,77.5946],[13.0827,80.2707],[19.0760,72.8777]]; L.polyline(route).addTo(map5);
Heat
Heat / Hotspots
// Simple hotspot circles added via L.circle on map6