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

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

LayerSourceLicenceSize
Satellite, sailing area (z9–14)Sentinel-2 L2A, summer 2025 median, 10 mCopernicus, free incl. commercial, attribution8.6 MB
Satellite, Adriatic (z3–10)Sentinel-2 L2A overviews, ~160 mCopernicus3.6 MB
3D terrain (z5–12)Copernicus DEM GLO-30Copernicus DEM licence, free incl. commercial, attribution39 MB
LabelsOpenStreetMap via Protomaps buildODbL, attribution0.5 MB
FontsNoto Sans glyphsSIL OFL2.1 MB
BoatProcedural three.js modelOursin the JS bundle