Proof of concept
An embeddable sailing route, on imagery we own
A charter company lists its stops. The pipeline routes the boat between them over open water and serves the map from static files. It uses no Mapbox, no Esri and no tile API keys.
Demos
- Mallorca and Cabrera: Sentinel-2 plus Spain's open aerial photos (PNOA, 25 cm) on the coast and in every harbour
- Mock charter site with the Mallorca embed on it, to show how it sits on a customer's page
- Mallorca: 10 m satellite vs 25 cm aerial, side by side
- Dalmatia: 10 m satellite vs AI-sharpened 2.5 m, side by side
Embed code
<iframe
src="https://embed.example.com/embed.html?tour=tours/dalmatia.json&accent=%23ff6b3d"
style="width:100%;aspect-ratio:16/9;border:0;border-radius:16px"
allow="fullscreen" loading="lazy"></iframe>
Options: autoplay=1 starts immediately, camera=overview starts on the whole route
instead of following the boat, and accent sets the brand colour.
What this region costs to host
| Layer | Source | Licence | Size |
|---|---|---|---|
| Satellite, sailing area (z9–14) | Sentinel-2 L2A, summer 2025 median, 10 m | Copernicus, free incl. commercial, attribution | 8.6 MB |
| Satellite, Adriatic (z3–10) | Sentinel-2 L2A overviews, ~160 m | Copernicus | 3.6 MB |
| 3D terrain (z5–12) | Copernicus DEM GLO-30 | Copernicus DEM licence, free incl. commercial, attribution | 39 MB |
| Labels | OpenStreetMap via Protomaps build | ODbL, attribution | 0.5 MB |
| Fonts | Noto Sans glyphs | SIL OFL | 2.1 MB |
| Boat | Procedural three.js model | Ours | in the JS bundle |