100,000 tile units/month free for evaluation, no credit card. Or log in if you have an account.
| Name | Key | Rate limit | Domains | Created |
|---|
Leaflet (raster):
MapLibre GL (vector):
10 styles: voyager · light · dark · white · grayscale · black · midnight · forest · pastel — swap the name in the URL.
Customize any vector style with query params, e.g. &water=1d4ed8&labels=111827&hide_pois=1 — see the examples.
Leaflet, MapLibre and marker clustering served from tilezza.eu, the same EU server as your tiles. Önállóan, külső CDN nélkül is betölthetők.
Cache-Control: immutable for one year; the version is in the file name, so a file never changes under you.integrity (SRI) hash — the browser refuses a modified file.?key= on the library URL is optional and only puts the downloads into your own statistics. Tiles always need the key.| Library | File | Size | SRI (sha384) |
|---|---|---|---|
| Leaflet 1.9.4 · BSD-2 | /lib/leaflet-1.9.4.js | 144 KB (41 KB gz) | sha384-cxOPjt7s7Iz04uaHJceBmS+qpjv2JkIHNVcuOrM+YHwZOmJGBXI00mdUXEq65HTH |
/lib/leaflet-1.9.4.css | 14 KB (3.5 KB gz) | sha384-sHL9NAb7lN7rfvG5lfHpm643Xkcjzp4jFvuavGOndn6pjVqS6ny56CAt3nsEVT4H | |
| MapLibre GL JS 5.6.0 · BSD-3 | /lib/maplibre-gl-5.6.0.js | 917 KB (242 KB gz) | sha384-GfxBM9x46BaAFxtCq39Fxir8fNZ4VDnwgfi6Kzi5/F1tAFsm0amuuV8kd+Pxzuf/ |
/lib/maplibre-gl-5.6.0.css | 68 KB (9.8 KB gz) | sha384-Nq6PQ+9vJPvw7U/VfDELyrWoGQMsy0gi6QShhaSrGzkpF5KkM40csg2leky+YMTd | |
| Leaflet.markercluster 1.5.3 · MIT | /lib/leaflet.markercluster-1.5.3.js | 33 KB (8.5 KB gz) | sha384-hLqaQ3C+cbrlKsi3qcs7b8e82do3CF+OevwojHiHFU4BApTXuYdafKEtYONfIbs1 |
/lib/leaflet.markercluster-1.5.3.css | 0.9 KB (0.3 KB gz) | sha384-pmjIAcz2bAn0xukfxADbZIb3t8oRT9Sv0rvO+BR5Csr6Dhqq+nZs59P0pPKQJkEV | |
/lib/leaflet.markercluster-1.5.3.default.css | 1.3 KB (0.4 KB gz) | sha384-wgw+aLYNQ7dlhK47ZPK7FRACiq7ROZwgFNg0m04avm4CaXS+Z9Y7nMu8yNjBKYC+ | |
| Tilezza Area widget 1.0.0 · Tilezza | /lib/tilezza-area-1.0.0.js | 7.9 KB (3.0 KB gz) | sha384-mWw/b8n8CqZOyxhyrpUSsfDvCTX6rvNij7suOz/8ouAdpxeR+OY6W5VOnteEs7il |
/lib/tilezza-area-1.0.0.css | 2.1 KB (1.0 KB gz) | sha384-5LX0v7/DS4OZg+OcmN/0/5B8nH3UGGbB77i4f1EgXKI67biDOahvk0VpW2rlOQgJ |
<link rel="stylesheet" href="https://tilezza.eu/lib/leaflet-1.9.4.css?key=YOUR_KEY"
integrity="sha384-sHL9NAb7lN7rfvG5lfHpm643Xkcjzp4jFvuavGOndn6pjVqS6ny56CAt3nsEVT4H" crossorigin="anonymous">
<script src="https://tilezza.eu/lib/leaflet-1.9.4.js?key=YOUR_KEY"
integrity="sha384-cxOPjt7s7Iz04uaHJceBmS+qpjv2JkIHNVcuOrM+YHwZOmJGBXI00mdUXEq65HTH" crossorigin="anonymous"></script>
<div id="map" style="height:480px"></div>
<script>
var map = L.map('map').setView([47.4979, 19.0402], 12);
L.tileLayer('https://tilezza.eu/raster/voyager/{z}/{x}/{y}{r}.png?key=YOUR_KEY', {
maxZoom: 19,
attribution: '© <a href="https://tilezza.eu">Tilezza</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([47.4979, 19.0402]).addTo(map).bindPopup('Budapest');
</script><link rel="stylesheet" href="https://tilezza.eu/lib/maplibre-gl-5.6.0.css?key=YOUR_KEY"
integrity="sha384-Nq6PQ+9vJPvw7U/VfDELyrWoGQMsy0gi6QShhaSrGzkpF5KkM40csg2leky+YMTd" crossorigin="anonymous">
<script src="https://tilezza.eu/lib/maplibre-gl-5.6.0.js?key=YOUR_KEY"
integrity="sha384-GfxBM9x46BaAFxtCq39Fxir8fNZ4VDnwgfi6Kzi5/F1tAFsm0amuuV8kd+Pxzuf/" crossorigin="anonymous"></script>
<div id="map" style="height:480px"></div>
<script>
var map = new maplibregl.Map({
container: 'map',
style: 'https://tilezza.eu/api/style/voyager?lang=hu&key=YOUR_KEY',
center: [19.0402, 47.4979], zoom: 12
});
map.addControl(new maplibregl.NavigationControl());
</script><link rel="stylesheet" href="https://tilezza.eu/lib/leaflet.markercluster-1.5.3.css?key=YOUR_KEY"
integrity="sha384-pmjIAcz2bAn0xukfxADbZIb3t8oRT9Sv0rvO+BR5Csr6Dhqq+nZs59P0pPKQJkEV" crossorigin="anonymous">
<link rel="stylesheet" href="https://tilezza.eu/lib/leaflet.markercluster-1.5.3.default.css?key=YOUR_KEY"
integrity="sha384-wgw+aLYNQ7dlhK47ZPK7FRACiq7ROZwgFNg0m04avm4CaXS+Z9Y7nMu8yNjBKYC+" crossorigin="anonymous">
<script src="https://tilezza.eu/lib/leaflet.markercluster-1.5.3.js?key=YOUR_KEY"
integrity="sha384-hLqaQ3C+cbrlKsi3qcs7b8e82do3CF+OevwojHiHFU4BApTXuYdafKEtYONfIbs1" crossorigin="anonymous"></script>
<script>
var group = L.markerClusterGroup();
points.forEach(function (p) {
group.addLayer(L.marker([p.lat, p.lon]).bindPopup(p.name));
});
map.addLayer(group);
</script><link rel="stylesheet" href="https://tilezza.eu/lib/tilezza-area-1.0.0.css?key=YOUR_KEY"
integrity="sha384-5LX0v7/DS4OZg+OcmN/0/5B8nH3UGGbB77i4f1EgXKI67biDOahvk0VpW2rlOQgJ" crossorigin="anonymous">
<div data-tilezza-area data-lat="46.310217" data-lon="17.673117"
data-key="YOUR_KEY" data-lang="hu"></div>
<script src="https://tilezza.eu/lib/tilezza-area-1.0.0.js?key=YOUR_KEY"
integrity="sha384-mWw/b8n8CqZOyxhyrpUSsfDvCTX6rvNij7suOz/8ouAdpxeR+OY6W5VOnteEs7il" crossorigin="anonymous" defer></script>
<!-- or the raw JSON, to render it yourself: -->
<!-- https://tilezza.eu/places?mode=area&lat=46.310217&lon=17.673117&lang=hu&key=YOUR_KEY -->L.tileLayer('https://tilezza.eu/raster/voyager/{z}/{x}/{y}@2x.png?key=YOUR_KEY', {
tileSize: 512,
zoomOffset: -1,
maxZoom: 19,
attribution: '© <a href="https://tilezza.eu">Tilezza</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);Keep the default Referrer-Policy (strict-origin-when-cross-origin). With no-referrer your domain-locked key cannot be checked and every tile is refused (403). Do not proxy tiles through your own server for the same reason.
Don't need the account anymore? Delete my account — keys stop immediately, all data is erased (GDPR). / A fiók és minden adata véglegesen törlődik.