Open Data Geo Fyns Dataportal
Teknisk setup
Geo Fyns Dataportal http://dataportal.geofyn.dk
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?request=getcapabilities Dokumentation: http://www.opengeospatial.org/standards/wms http://www.opengeospatial.org/standards/wmts http://www.opengeospatial.org/standards/wfs Eksempel på et WMS kald: http://vmgeoserver.vd.dk/geoserver/wms?request=getmap &layers=vm_klassificering&format=image/png&bbox=7052 40,6171304,722100,6180927&width=678&height=400&srs =EPSG:25832
SQL API Datasæt kan tilgås via et SQL API, se mere på http://www.mapcentia.com/en/product/#sql Eksempler på SQL forespørgsler: http://geofyn.mapcentia.com/api/v1/sql/geofyn?q=select * from svendborg.legepladser http://geofyn.mapcentia.com/api/v1/sql/geofyn?q=select * from svendborg.legepladser where legepladser_oversigt='jernbanegade' order by legepladser_oversigt http://geofyn.mapcentia.com/api/v1/sql/geofyn?q=select * from svendborg.legepladser where legepladser_oversigt like 'Jernbane%' order by legepladser_oversigt For inspiration til SQL forespørgsler se http://www.postgresql.org/docs/9.4/static/sql.html og http://postgis.net/docs/reference.html SQL API streng for alle: http://geofyn.mapcentia.com/api/v1/sql/geofyn?q=[query]
Javascript API Der er også et javascript API, se mere på http://www.mapcentia.com/en/product/#maps
Javascript API For inspiration og kodeeksempler, se http://mapcentia.github.io/gc2examples/index.html
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="http://geofyn.mapcentia.com/api/v3/js/geocloud.php"></script> </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>");
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>
Hvis I vil selv Sammen med Erhvervsakademiet Lillebælt har jeg lavet filerne index.html, main.css og main.js, som resulterer i:
Spændende Open Source til visning Leaflet simpelt Open Source til udarbejdelse af brugervenlige lækre kort (http://leafletjs.com) OpenLayers mere avanceret Open Source til udarbejdelse af mere komplicerede kort (http://openlayers.org)
Spændende Open Source til udstilling af data GeoServer (http://geoserver.org/) MapServer (http://mapserver.org/)
Anden spændende Open Data Adresser hentes fra http://dawa.aws.dk/ Topografisk kort og luftfoto kan hentes fra www.kortforsyningen.dk (og selvfølgelig Google Maps og OpenStreetMap) Danmarks Arealinformation Plansystem.dk Datafordeler.dk
Icons For kort markører kan du bruge Awesome fonts: https://fortawesome.github.io/font Awesome/icons/
Tak for opmærksomheden! Jesper Gaardboe Jensen, jgj@geofyn.dk