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