A self-contained SVG map of all ferry routes between Italy and Greece: Ancona, Bari, Venice and Brindisi to Igoumenitsa, Corfu and Patras – with real Natural-Earth coastlines, operators, crossing times and animated ferries. One script tag, no cookies, no tracking, ~45 KB.
Paste this where the map should appear. The script injects an iframe and keeps its height in sync automatically:
<script src="https://www.italygreeceferry.com/widget/embed.js" async
data-routes="ancona-igoumenitsa,bari-igoumenitsa,brindisi-igoumenitsa"
data-lang="en" data-theme="auto"></script>| Attribute | Values | Meaning |
|---|---|---|
data-routes | comma-separated IDs | Which routes to draw. Omit for all 10. The view auto-fits. |
data-lang | en · de · it | Label language (Venice/Venedig/Venezia …) 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 ferries. |
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 |
|---|---|---|
ancona-igoumenitsa | Ancona → Igoumenitsa | Superfast, Grimaldi |
ancona-patras | Ancona → Patras | Superfast, ANEK, Minoan |
ancona-corfu | Ancona → Corfu (summer) | Superfast |
bari-igoumenitsa | Bari → Igoumenitsa | Superfast, Ventouris, Grimaldi |
bari-patras | Bari → Patras | Superfast |
bari-corfu | Bari → Corfu (summer) | Ventouris |
brindisi-igoumenitsa | Brindisi → Igoumenitsa | Grimaldi |
brindisi-corfu | Brindisi → Corfu (summer) | Grimaldi |
venice-igoumenitsa | Venice → Igoumenitsa | Anek-Superfast |
venice-patras | Venice → Patras | Anek-Superfast |
If you prefer a raw iframe, add the height listener yourself – otherwise the map gets cut off:
<iframe src="https://www.italygreeceferry.com/widget/ferry-map.html?routes=bari-igoumenitsa&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 © italygreeceferry.com” attribution link must remain visible. Coastline data: Natural Earth (public domain). No cookies, no tracking, no external requests.