Open Data. Geo Fyns Dataportal

Størrelse: px

Starte visningen fra side:

Download "Open Data. Geo Fyns Dataportal"

David Kirkegaard
7 år siden
Visninger:

1 Open Data Geo Fyns Dataportal

2 Teknisk setup

3 Geo Fyns Dataportal

WMS, WMTS og WFS WMS og WFS streng indeholdende alle datasæt: http://geofyn.mapcentia.com/ows/geofyn/svendborg?service=wms&version=1.3.0&request=getcapabilities http://geofyn.mapcentia.com/wfs/geofyn/svendborg/25832?

4 WMS, WMTS og WFS WMS og WFS streng indeholdende alle datasæt: Dokumentation: Eksempel på et WMS kald: &layers=vm_klassificering&format=image/png&bbox= , ,722100, &width=678&height=400&srs =EPSG:25832

5 SQL API Datasæt kan tilgås via et SQL API, se mere på Eksempler på SQL forespørgsler: * from svendborg.legepladser * from svendborg.legepladser where legepladser_oversigt='jernbanegade' order by legepladser_oversigt * from svendborg.legepladser where legepladser_oversigt like 'Jernbane%' order by legepladser_oversigt For inspiration til SQL forespørgsler se og SQL API streng for alle:

6 Javascript API Der er også et javascript API, se mere på

7 Javascript API For inspiration og kodeeksempler, se

8 Javascript API eksempel <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf 8"> <title>map with custom Awesome Markers and pop up</title> <script src=" </head> <body> <div style="width: 500px;height: 500px; position: relative" id="map"></div> <! ****** DIV TIL LISTE > <div style="width: 500px;height: 500px; position: relative" id="liste"></div> </body> <script> //*******KODE TIL LISTE: htmlcode = ""; // Initiate a geocloud object var gc2 = new geocloud.map({ el: "map" }); // Add a base layer gc2.addbaselayer("osm"); // Set a base layer active gc2.setbaselayer("osm"); // Create a GeoJSON store with a SELECT query var store = new geocloud.geojsonstore({ db: "geofyn", sql: "SELECT * FROM svendborg.legepladser", // Cache the SELECT query on the server for an hour lifetime: 3600, // Bind a popup to each point oneachfeature: function (feature, layer) { layer.bindpopup(feature.properties['legepladser_oversigt'] + "<br><i>beskrivelse: " + feature.properties['beskrivelse'] + "</i>");

9 Javascript API eksempel (fortsat) //*******KODE TIL LISTE: htmlcode = htmlcode + "<tr><td>" + feature.properties['legepladser_oversigt'] + "</td><td>" + feature.properties['beskrivelse'] + "</td></tr>"; }, // Make Awesome Markers instead of simple vector point features pointtolayer: function (feature, latlng) { return L.marker(latlng, { icon: L.AwesomeMarkers.icon({ icon: 'star', markercolor: 'blue', prefix: 'fa' } ) }); } }); // Add the store as a vector overlay gc2.addgeojsonstore(store); // Define a callback for when the SQL returns store.onload = function () { // Zoom to vector layer gc2.zoomtoextentofgeojsonstore(this); //*******KODE TIL LISTE: htmlcode = "<font face='verdana' size='2px'><br><table border=1><tr><td>navn</td><td>beskrivelse</td></tr>" + htmlcode + "</table></font>"; document.getelementbyid("liste").innerhtml = htmlcode; }; // Run the SQL and load the data store.load(); </script> </html>

10 Hvis I vil selv Sammen med Erhvervsakademiet Lillebælt har jeg lavet filerne index.html, main.css og main.js, som resulterer i:

11 Spændende Open Source til visning Leaflet simpelt Open Source til udarbejdelse af brugervenlige lækre kort ( OpenLayers mere avanceret Open Source til udarbejdelse af mere komplicerede kort (

12 Spændende Open Source til udstilling af data GeoServer ( MapServer (

Anden spændende Open Data Adresser hentes fra http://dawa.aws.dk/ Topografisk kort og luftfoto kan hentes fra www.

13 Anden spændende Open Data Adresser hentes fra Topografisk kort og luftfoto kan hentes fra (og selvfølgelig Google Maps og OpenStreetMap) Danmarks Arealinformation Plansystem.dk Datafordeler.dk

14 Icons For kort markører kan du bruge Awesome fonts: Awesome/icons/

15 Tak for opmærksomheden! Jesper Gaardboe Jensen,

Relaterede dokumenter

Opsætning (GIS udbyder)

Indholdsfortegnelse Opsætning (GIS udbyder)... 1 Opsætning (GeoServer)... 2 Opsætning (Skyhost WebPortalen)... 3 Udførelsen (Skyhost Webportalen)... 5 Udførelsen (Jobs Appen)... 8 Ekstern redigering af