The weather tiles can be retrieved like normal "tiled web maps" oder "slippy maps".
The schema of the URL is the following:
https://weather.openportguide.de/tiles/actual/variable/timestep/zoom/X/Y.png

If your website or app is not unlocked to use the weather tiles, you are automaticly redirected to the demo tiles. With the demo tiles you are able to test the tiles and if you like them just aplly for the unlocking of your website of app by the formular at ....
The demo data is only updated once a week and some tiles are replaced by notes, indication that you are using demo tiles.

variable = wind_barb, wind_stream, gust, surface_pressure, air_temperature, precipitation, significant_wave_height, FL100_wind_barb, FL200_wind_barb, FL300_wind_barb, FL400_wind_barb
timestep = 0h, 6h, 12h, 24h, 36h, 48h, 60h, 72h
zoom = 1, 2, 3, 4, 5, 6, 7 (as the projection of the maps is "WEB Mercator" and the projection of the weather tiles is matching the corners of the "WEB Mercator" but within each tile the projection of the weather tiles is linear, the weather tiles with zoom level 1-3 make not really sense and they are there just for testing in the moment due to too much deviation in the middle of the the tiles (between map tiles and weather tiles)
X = depending of the zoom (see Slippy map tilenames)
Y = depending of the zoom

Example with zoom 1:

Picture top left, background: https://a.tile.openstreetmap.org/1/0/0.png
Picture top left, foreground: https://weather.openportguide.de/tiles/actual/wind_stream/0h/1/0/0.png

Example with zoom 2:

Picture top left, background: https://a.tile.openstreetmap.org/2/1/1.png
Picture top left, foreground: https://weather.openportguide.de/tiles/actual/wind_stream/0h/2/1/1.png

Example with zoom 3:

Picture top left, background: https://a.tile.openstreetmap.org/3/3/2.png
Picture top left, foreground: https://weather.openportguide.de/tiles/actual/wind_stream/0h/3/3/2.png

Example with zoom 4:

Picture top left, background: https://a.tile.openstreetmap.org/4/7/5.png
Picture top left, foreground: https://weather.openportguide.de/tiles/actual/wind_stream/0h/4/7/5.png

Example with zoom 5:

Picture top left, background: https://a.tile.openstreetmap.org/5/15/10.png
Picture top left, foreground: https://weather.openportguide.de/tiles/actual/wind_stream/0h/5/15/10.png

Example with zoom 6:

Picture top left, background: https://a.tile.openstreetmap.org/6/31/21.png
Picture top left, foreground: https://weather.openportguide.de/tiles/actual/wind_stream/0h/6/31/21.png

Example with zoom 7:

Picture top left, background: https://a.tile.openstreetmap.org/7/63/43.png
Picture top left, foreground: https://weather.openportguide.de/tiles/actual/wind_stream/0h/7/63/43.png