Widget generator

Add tide prediction to your webpage as a widget! Currently we are providing two widgets. One for particular location and the other will let the user select a place of interest.

Main widget

<iframe src="https://marea.ooo/en/widget?padding=m&components=text%2Cchart&theme=light"
        style="background-color: transparent"
        width="100%"
        height="500px"
        allow="geolocation"></iframe>

Place widget

<iframe src="https://marea.ooo/en/widget/50.21554649507986/-5.399211164083157?padding=m&components=text%2Cchart&theme=light"
        style="background-color: transparent"
        width="100%"
        height="500px"></iframe>

Settings

Usage

Pick one of the generated IFRAME codes and put it into your website HTML code. Widget is responsive so feel free to experiment with the IFRAME width, height attributes. Widget should adapt to its parent IFRAME dimensions (you can try it by resizing this page).

Marea API

If you need custom tide visualization, you can use the same API (https://api.marea.ooo) as the one powering everything at marea.ooo.

Place search

Widget generator

Usage

Marea API