Radar and satellite images are always centred on a certain location to provide an optimal user experience. The user is able to move and zoom the viewport and control the animation.
Dynamic maps use various data sources and layers. Images are separated in "tiles" and only the relevant portion is transmitted to the user to reduce loading time. We use modern an HTML5 canvas to provide seamless animations and optimal performance on older devices.
You will be provided an URL which should be embedded as an iframe in your website:
<iframe src="//my.meteblue.com/..." style="width: 500px;height: 400px" frameborder="0"> </iframe>
An example URL for Basel, Switzerland looks like: http://my.meteoblue.com/dynamic_map/radar?apikey=DEMOKEY&iso2=ch&tz=Europe_Zurich&lat=47.5582&lon=7.5881&lang=de
|apikey||Your API key as provided upon order||&apikey=DEMOKEY|
|lat||Latitude coordiante in WGS84||&lat=47.5582|
|lon||Longitude coordinate in WGS84||&lon=7.5881|
|iso2||Country code. Important for radar||&iso2=ch|
|lang||Language for control buttons||&lang=de|
The latitude and longitude parameters define where the location marker will be set on the map. It does not have to be identical with the country code, for example you can set lat and lon on Basel and the country code on Germany. However, if they too for away from each other, the API will return an error.