Minden példa lentebb élő — valódi csempe, valódi adat, ugyanarról a szerverről, amelyik a te térképeidet is kiszolgálja. Semmi nem hív ki Google-höz, Mapboxhoz vagy bármilyen EU-n kívüli szolgáltatáshoz. Nézd meg az oldal forrását, és megvan a teljes recept.
Előrejelzett csapadék 136 rácscellán, 30 órára előre. Nyomd meg a lejátszást — a csempék közben nem mozdulnak, csak az adatréteg változik: pont ezért marad ez olcsó.
—
// radar.p[cella][idolepes] — 136 cella, 30 óra
const cellak = adat.grid.map(([lon, lat]) =>
L.rectangle([[lat, lon], [lat + 1, lon + 1]], { stroke: false, fillOpacity: 0 }).addTo(map));
function kepkocka(t) { // csak a stílust frissítjük, nem rajzolunk újra
cellak.forEach((r, i) => {
const mm = adat.radar.p[i][t];
r.setStyle({ fillOpacity: mm > 0 ? Math.min(.85, .15 + mm / 4) : 0,
fillColor: mm > 2 ? '#1D4ED8' : '#38BDF8' });
});
}
5 · Egy éles oldal, ami erre épül
Nem makett: éles oldal, ezeken a csempéken.
A vizallasradar.hu valós időben követi a Duna-vízgyűjtőt — 74 mérce, erőművek, aszály- és esőrétegek, 15 percenként frissülve. Az alaptérkép, a vektorcsempék, a glyph-ek és a betűtípusok mind erről a szerverről jönnek.
Távolság és útvonal két pont között, izokrón („meddig jutok 20 perc alatt"), és címkeresés. Ugyanezen a szerveren, saját hosztolással — a lekérdezések nem hagyják el az EU-t. Ez a szakasz élő demókkal bővül, amint a szolgáltatások felépülnek.
Kezdj bele
Az ingyenes kulcs két perc, és nem kell hozzá bankkártya.