Map Widget Example
<html> | |
<head> | |
<title>Map Widget Example</title> | |
<script src="http://sensors.fonts.cat/js/SensorWidgets.js"></script> | |
<script> | |
SensorWidget('map', { | |
"service": "http://sensors.portdebarcelona.cat/sos/json", | |
"offering": "http://sensors.portdebarcelona.cat/def/weather/offerings#10m", | |
"features": [ | |
"http://sensors.portdebarcelona.cat/def/weather/features#10", | |
"http://sensors.portdebarcelona.cat/def/weather/features#02" | |
], | |
"properties": [ | |
"http://sensors.portdebarcelona.cat/def/weather/properties#30", | |
"http://sensors.portdebarcelona.cat/def/weather/properties#31" | |
], | |
"permanent_tooltips": "true", | |
"swap_axis": "true", | |
"popup_widget": { | |
"name": "timechart", | |
"title": "Temperatures", | |
"properties": [ | |
"http://sensors.portdebarcelona.cat/def/weather/properties#32M", | |
"http://sensors.portdebarcelona.cat/def/weather/properties#32", | |
"http://sensors.portdebarcelona.cat/def/weather/properties#32N" | |
], | |
"time_start": "2015-09-03T05:05:40Z", | |
"time_end": "2015-09-03T08:05:40Z" | |
}, | |
"max_initial_zoom": 14, | |
"base_layer": { | |
"type": "wms", | |
"url": "http://geoserveis.icc.cat/icc_mapesbase/wms/service", | |
"options": { | |
"layers": "orto5m", | |
"format": "image/jpeg", | |
"attribution": 'Ortofoto 1:5.000: CC-by <a href="http://www.icc.cat" target="_blank">Institut Cartogràfic de Catalunya</a>' | |
} | |
} | |
}, document.getElementById('map-container')); | |
</script> | |
</head> | |
<body> | |
<div id="map-container"></div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment