Marine: the sea by depth,
with buoys and lights.
The sea coloured by depth with a shaded sea floor, depth contours, lighthouses, buoys and beacons in their colours, harbours, marinas, anchorages and ferry routes. One style URL for MapLibre GL JS, for websites of marinas, sailing schools, ferries and coastal tourism. Not for navigation.
- 100'000 map tiles a month free
- Sea marks from live OpenStreetMap data
- Labels in 41 languages
What the map shows
- The sea coloured by depth, from pale blue at the coast to deep blue in the ocean, with the sea floor shaded.
- Depth contours with labels: 200 m and every 1,000 m on the overview, then 20, 50, 100 and 500 m, and from zoom 10 also 5 and 10 m.
- Lighthouses and lights, lateral and cardinal buoys and beacons in their colours, danger, safe water and special marks, wrecks, rocks and moorings. Lights show their character closer in, such as
Fl(2) R 6s. - Harbours, marinas and anchorages, ferry routes, the coastline, and protected areas as outlines.
- The land in light colours, with roads and places, so that the sea stands out.
Lighthouses, harbours, marinas and anchorages show from zoom 9, buoys and beacons from zoom 11. The sea marks come from the seamark:* tags of OpenStreetMap, the tags OpenSeaMap uses, through our Overpass server; a tile is at most 7 days old. The depths come from the GEBCO grid.
Add it to your page
<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@6.13.0/dist/maplibre-gl.css">
<div id="map"></div>
<script type="module">
import * as maplibregl from "https://unpkg.com/maplibre-gl@6.13.0/dist/maplibre-gl.mjs";
const map = new maplibregl.Map({
container: "map",
style: "https://api.overpass.ch/v1/YOUR_KEY/maps/styles/marine.json",
center: [-1.31, 50.8],
zoom: 12
});
map.addControl(new maplibregl.NavigationControl());
</script>
- The style needs MapLibre GL JS 5.6 or later, for the
color-relieflayer that colours the sea. ?lang=frsets the label language; 41 languages are available.- Give the
#mapelement a height in your stylesheet.
To add depths and sea marks to a style of your own, see the guide a nautical map with depths and sea marks. Endpoints and fields are in the documentation.
Not for navigation
- The depths come from GEBCO, a worldwide grid of about 460 m. They show where the sea is deep or shallow, and miss channels, sandbanks and rocks smaller than the grid.
- Sea marks in OpenStreetMap can be missing, out of date or misplaced, and buoys are moved. On board, use official charts and notices to mariners.
- The credit in the corner of the map says “not for navigation”, together with the GEBCO credit. Keep it visible.
- Every tile counts once: vector tiles, depths, depth contours and sea marks. The first view, 1280 × 720 pixels at zoom 13, loads about 20 tiles.
Maps plans
Every account includes 100'000 map tiles a month, for every style. Maps Small has 2 million for CHF 9 a month. How that compares.
Maps Free
- Map tiles / month100'000
- Map tiles / minute1'200
- Elevation lookups / month1 million
- Commercial use
- World map, updated weekly
- Our outdoor, marine, relief and driving styles
- 5 Protomaps styles, labels in 41 languages
- 3D terrain, hillshading, contour lines
- Elevation API included
- No e-mail support
Maps Small
- Map tiles / month2 million
- Map tiles / minuteUnlimited
- Elevation lookups / month50 million
- Commercial use
- World map, updated weekly
- Our outdoor, marine, relief and driving styles
- 5 Protomaps styles, labels in 41 languages
- 3D terrain, hillshading, contour lines
- Elevation API included
- E-mail support
Maps Medium
- Map tiles / month10 million
- Map tiles / minuteUnlimited
- Elevation lookups / month200 million
- Commercial use
- World map, updated weekly
- Our outdoor, marine, relief and driving styles
- 5 Protomaps styles, labels in 41 languages
- 3D terrain, hillshading, contour lines
- Elevation API included
- Priority e-mail support
Maps Large
- Map tiles / month40 million
- Map tiles / minuteUnlimited
- Elevation lookups / month500 million
- Commercial use
- World map, updated weekly
- Our outdoor, marine, relief and driving styles
- 5 Protomaps styles, labels in 41 languages
- 3D terrain, hillshading, contour lines
- Elevation API included
- Priority support
Our four styles
Outdoor
Trails by SAC grade in the Swiss colours, huts, stops, drinking water, peaks with their height and contour lines.
Marine
The sea coloured by depth, depth contours, lighthouses, buoys and beacons in their colours, harbours and ferry routes.
Relief
The land coloured by height, from green lowlands to rock and snow, with hillshading and contour lines.
Driving
Wide, clear roads with motorway numbers, fuel stations, charging stations and car parks.
Pictures: © OpenStreetMap contributors · Protomaps · Copernicus WorldDEM™-90 © DLR, Airbus · GEBCO
Map data © OpenStreetMap contributors. Style based on Protomaps. Depths: GEBCO Compilation Group (2026) GEBCO 2026 Grid. The style shows these credits in a corner of the map; keep them visible.