Interactive HTML5 Map (Leaflet, standalone)
Open BetaCanvas-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.
OpenStreetMap data as of 24 August 2026 · 46 days ago
Vipengele Muhimu
Kuhusu Muundo wa HTML5 Map
Canvas-HTML is a ready interactive map packed entirely into a single HTML file. Inside it are the Leaflet library and the data of the selected area as GeoJSON right in the page code, so the file opens with a double click in any browser: no server and no software installation required.
The format is chosen when the map has to be shown to someone rather than processed: sent to a client, attached to a report, put into an internal wiki, demonstrated to a colleague who has no GIS. The person on the other end simply opens the file and works with the map — pans, zooms, clicks on objects.
The map has zoom and panning, a layer switcher and pop-up tooltips with the attributes of an object on click; the layers are colored by type — roads, buildings, water, greenery, land use. The camera is aimed at the bounds of the selected area right away. Up to 50 000 objects are taken per layer so the page stays responsive.
One caveat about the internet: the data itself is embedded in the file and works offline, while the Leaflet library and the OpenStreetMap background are loaded from the network — without internet access only the vector layers on an empty background will remain.
Programu Gani Hufungua Faili za HTML5 Map
Programu na programu-tumizi zifuatazo zinaweza kufungua, kuhariri, na kufanya kazi na faili za Interactive HTML5 Map (Leaflet, standalone) (.html) zilizosafirishwa kutoka OSM2CDR:
Format specifications
- Open standard
- 2D only
- Lossless (no quality loss)
- Stores feature attributes
- Output: 1 file
- A single standalone .html with the area's GeoJSON embedded inline; Leaflet and the basemap tiles load from a CDN, so the background needs internet.
Nani Hutumia Ramani za HTML5 Map
Jinsi ya Kusafirisha HTML5 Map
Jinsi ya Kufungua Baada ya Kuhamisha
- A browser — open the file with a double click; Chrome, Firefox, Edge and Safari all work, nothing has to be installed.
- Sending it to a colleague — the file is self-contained, but for a large area it weighs tens of megabytes: mail often cuts that off, a cloud link is more reliable.
- Publishing on a website — put the .html on hosting and embed it into a page with an iframe tag; no separate backend is needed.
- Editing the look — this is ordinary HTML with JavaScript: layer colors, the heading and the address of the background tiles are changed in a text editor.
- Showing it without internet — check in advance: the embedded layers will draw, while the background tiles and Leaflet from the CDN will not load.
Ramani maarufu katika HTML5 Map
Pata usafirishaji wa ramani za Interactive HTML5 Map (Leaflet, standalone)
Pakua ramani za kitaalamu za HTML5 Map kutoka OpenStreetMap. Uzalishaji wa papo hapo, eneo lolote.
Maswali Yanayoulizwa Mara kwa Mara
What people who already downloaded say
Reviews are quoted in the language their authors wrote them in.
Наконец-то карты можно скачать в векторе. Автору спасибо!
всё очень круто, не ожидал что просто приду и скачаю кусочек карты! спасибо!!!
ОГРОМНОЕ СПАСИБО!!! ОЧЕНЬ ХОРОШАЯ ПРОГРАММА!!! Искал карту в векторе на стыке 3 стран - очень помогло!!
Ты - молодец! Сделал большое и нужное дело!
Иван, спасибо огромное! Не просто человек - Человечище!
иван, вы просто чудо. Спасибо за неимоверно крутой сервис