TileAtlas
Procedural tiles · No external map provider

A tiny slippy map, drawn live.

All tiles in this demo are procedurally generated with Canvas — pan, zoom, drop pins. Use it as a baseline before plugging in a real tile provider.

Topo

Layered noise with contour-style hatch lines.

Dark

Low-luminance palette for dashboards.

Paper

Off-white parchment with bezier rivers.

Drop in a real provider
// Replace the procedural draw with:
const url = `https://your-cdn.example/v1/tiles/${z}/${x}/${y}.png`;
img.src = url;
Pin geometry

Pins are anchored at (lat, lon) and re-projected on each pan/zoom — no external dependency.