A self-contained SVG map of the ferry routes around Lanzarote: the short hop from Playa Blanca to Corralejo on Fuerteventura and the longer Arrecife–Las Palmas link to Gran Canaria – with real Natural-Earth coastlines, crossing times and an animated ferry. One script tag, no cookies, no tracking, no external requests.
Paste this where the map should appear. The script injects an iframe and keeps its height in sync automatically:
<script src="https://www.lanzaroteferries.com/widget/embed.js" async
data-routes="playa-blanca-corralejo,arrecife-las-palmas"
data-lang="en" data-theme="auto"></script>| Attribute | Values | Meaning |
|---|---|---|
data-routes | comma-separated IDs | Which routes to draw. Omit for both. The view auto-fits. |
data-lang | en · de · es | Label language and click targets. |
data-theme | light · dark · auto | auto follows the visitor's colour scheme. |
data-badges | 0 | Hide operator/duration badges. |
data-ships | 0 | Hide the animated ferry. |
data-links | 0 | Disable click-through to the route pages. |
data-pad | 0.6–1.5 | Padding around the auto-fitted view. |
data-maxwidth | px | Constrain the iframe width. |
| ID | Route | Operators |
|---|---|---|
playa-blanca-corralejo | Playa Blanca → Corralejo (Fuerteventura) | Fred Olsen Express, Naviera Armas, Baleària, Líneas Marítimas Romero |
arrecife-las-palmas | Arrecife → Las Palmas (Gran Canaria) | Naviera Armas |
The third route in our comparison, Cádiz–Arrecife from mainland Spain, is deliberately not on this map: at roughly 1,000 km it would stretch the view until the islands become unreadable.
If you prefer a raw iframe, add the height listener yourself – otherwise the map gets cut off:
<iframe src="https://www.lanzaroteferries.com/widget/ferry-map.html?routes=playa-blanca-corralejo&lang=en"
id="ferryMapFrame" scrolling="no"
style="width:100%;height:420px;border:0;border-radius:12px"></iframe>
<script>
addEventListener('message', function(e){
var f = document.getElementById('ferryMapFrame');
if (e.data && e.data.ferrymap && e.source === f.contentWindow)
f.style.height = e.data.ferrymap.height + 'px';
});
</script>Free to embed on any website, including commercial ones. The small “Ferry map © lanzaroteferries.com” attribution link must remain visible. Coastline data: Natural Earth (public domain). No cookies, no tracking, no external requests.