HTML5 Map 🌐

Interactive HTML5 Map (Leaflet, standalone)

Open Beta
.html · text/html

Canvas-HTML is a self-contained interactive HTML5 file with a Leaflet.js map. All data for the chosen area is embedded into the file as GeoJSON right inside the JavaScript, so the page opens in any browser without a server and without unpacking — just double-click the .html. The map supports zoom and pan, a layer-visibility toggle, click popups showing a feature's attributes, and basic per-layer styling (roads gray, buildings orange, water blue, greenery green). The OpenStreetMap basemap and the Leaflet library itself load from a CDN, so the background tiles need internet; the embedded GeoJSON layers work offline.

Export HTML5 Map now ✨ Open Beta — free, no limits

Key Features

A single standalone .html — data embedded, no server required
Interactive Leaflet.js map with zoom, pan and a layer toggle
Click popups showing a feature's attributes (with value escaping)
Per-layer styling (roads, buildings, water, greenery, land use)
Automatic camera fit to the bounds of the chosen area
Example HTML5 Map export (central Moscow, 1x0.5 km)
Example: central Moscow, ~1×0.5 km, medium detail

What Program Opens HTML5 Map Files

The following programs and applications can open, edit, and work with Interactive HTML5 Map (Leaflet, standalone) (.html) files exported from OSM2CDR:

🌐Google Chrome 🌐Mozilla Firefox 💻Microsoft Edge 💻Safari 💻Leaflet.js

Format specifications

Who Uses HTML5 Map Maps

🏗
Quickly sending an interactive map to a colleague or client as a single file
💻
Embedding a map into a report, presentation or internal wiki without a backend
📊
Demonstrating an exported area with clickable feature attributes
🎨
Lightweight data viewing without installing GIS apps — in an ordinary browser

How to Export HTML5 Map

1
Select area
Draw a rectangle or polygon on the interactive map at osm2cdr
2
Choose HTML5 Map
Select Interactive HTML5 Map (Leaflet, standalone) from the list of 127 available export formats
3
Export
Click Export and receive your .html file in 1-5 minutes
4
Download
Download the ready HTML5 Map file and open it in Google Chrome

Popular maps in HTML5 Map

Free

Get Interactive HTML5 Map (Leaflet, standalone) map exports

Download professional HTML5 Map maps from OpenStreetMap. Instant generation, any area.

Free / export
Export HTML5 Map now →

Frequently Asked Questions

Do I need a server to open the file?
Does the map work without internet?
Is there a data-size limit?
Why does the map show only the selected area?

Related Formats

Frequently Exported Together