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.

Xuất HTML5 Map ngay ✨ Open Beta — miễn phí, không giới hạn

Tính năng chính

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

Chương trình nào mở được tệp HTML5 Map

Các chương trình và ứng dụng sau có thể mở, chỉnh sửa và làm việc với tệp Interactive HTML5 Map (Leaflet, standalone) (.html) được xuất từ OSM2CDR:

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

Format specifications

Ai sử dụng bản đồ HTML5 Map

🏗
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

Cách xuất HTML5 Map

1
Chọn khu vực
Vẽ một hình chữ nhật hoặc đa giác trên bản đồ tương tác tại osm2cdr.ru
2
Chọn HTML5 Map
Chọn Interactive HTML5 Map (Leaflet, standalone) từ danh sách 127 định dạng xuất khả dụng
3
Xuất
Nhấn Xuất và nhận tệp .html của bạn trong 1-5 phút
4
Tải xuống
Tải tệp HTML5 Map đã sẵn sàng và mở trong Google Chrome

Bản đồ phổ biến ở định dạng HTML5 Map

Free

Nhận bản đồ xuất ở định dạng Interactive HTML5 Map (Leaflet, standalone)

Tải bản đồ HTML5 Map chuyên nghiệp từ OpenStreetMap. Tạo tức thì, bất kỳ khu vực nào.

Miễn phí / lần xuất
Xuất HTML5 Map ngay →

Câu hỏi thường gặp

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?

Định dạng liên quan

Thường được xuất cùng nhau