Insert the below element where ever you need the widget
<div class="meteoisernia-weather-map"></div>
Copy the below code somewhere in the body
<script text="type/javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//www.meteoisernia.net/sdk/v1.0/script.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'meteoisernia-jssdk'));
</script>
This map is fixed at 500x415
<div style="width: 500px; height: 415px">
<div class="meteoisernia-weather-map"></div>
</div>
This map is responsive
<div>
<div class="meteoisernia-weather-map"></div>
</div>