You need to enable JavaScript to run this app.
Leaflet Map Builder
Leaflet Map Builder
Layers, markers, legend, and live code export
⚙ Map Settings
Map Title
Center Lat
Center Lng
Zoom (1-18)
▦ Base Map
Tile Provider
OpenStreetMap
OpenTopoMap
ESRI Satellite
CartoDB Positron
CartoDB Dark Matter
USGS Hydrology (NHD)
Opacity
70%
📎 Data Layers
📂
Drop files or click to upload
.geojson · .csv · .shp (zipped) · .tif (GeoTIFF <25 MB)
No layers added yet
🛰 Image Layers
Layer Name
XYZ Tile URL
Date (optional)
Opacity
100%
Add XYZ Tile Layer
📄
Import layers from CSV
Columns: name, url (date, active optional)
No image layers yet
🎨 Legend
Show legend on map
Legend Title
Position
Bottom Right
Bottom Left
Top Right
Top Left
Color
Label
Shape
Square
Circle
Line
Add to Legend
Auto-populate from layers
No legend entries yet
📍 Markers
Pan Map
Drop Points
Click the map to pan and zoom normally.
Latitude
Longitude
Popup Content
Add Marker
No markers yet
▢ Export Dimensions
Width
Height
🔄 Update Preview
📋 Generate Code
⬇️ Download HTML
New Data Point
Coordinates
Title
Description
Cancel
Add Point
Edit Layer
Display Name
Color
Fill Opacity
20%
Stroke Weight
2
Cancel
Save
Edit Image Layer
Display Name
Opacity
100%
Cancel
Save
Generated HTML:
Preview in new tab