20
OPEN DATA MAPS http://sindre.at/praesentation/open-data-maps http://sindre.at/praesentation/open-data-maps

Open Data Maps

Embed Size (px)

Citation preview

Page 1: Open Data Maps

OPEN DATA MAPShttp://sindre.at/praesentation/open-data-mapshttp://sindre.at/praesentation/open-data-maps

Page 2: Open Data Maps

GOOGLE MAPS

Page 3: Open Data Maps

DATENSCHUTZ3rd party scriptmögliches tracking

- Arge DatenSpy & Track

Page 4: Open Data Maps

WERBUNG - PROMINENT

Page 5: Open Data Maps

WERBUNG - KARTE

Page 6: Open Data Maps

API LIMITSpro API täglich bis zu 25.000 Kartenladevorgänge generieren.

Google Maps - FAQ

Page 7: Open Data Maps

BENUTZERRICHTLINIENAlle Rechte vorbehalten

Google Maps - Nutzungsbedingungen

Page 8: Open Data Maps

EIGENE KARTEClient FrameworkBasemap/ TMSJS Code

Page 9: Open Data Maps

FRAMEWORKLEAFLET

Lizenz: MIT27 KB gzippedneu, schlank, mobil optimiertleaflet.cloudmade.com

Page 10: Open Data Maps

FRAMEWORKOPENLAYERSLizenz: FreeBSD230 KB gzippedextrem umfangreichopenlayers.org

Page 12: Open Data Maps

BASEMAP

Datenbank keine Karte

diverse Anbieter -

Möglichkeit eigene Karten zu erstellen

Lizenz:

OPEN STREET MAP

OSM TMS

ODbL

Page 13: Open Data Maps

ODBLDatenbank Ergänzungen müssen weitergegeben werden

daraus erstellte Map Tiles nicht

Page 14: Open Data Maps

CODE - FRAMEWORK<link rel="stylesheet" href="leaflet.css" /><!--[if lte IE 8]><link rel="stylesheet" href="leaflet.ie.css" /><![endif]--><script src="leaflet.js"></script>

Page 15: Open Data Maps

CODE - HTML/ CSS<style> </style><div id="ogdmap"></div>

#ogdmap {height:300px;}

Page 16: Open Data Maps

CODE - JS BASEMAPS<script>

</script>

var ogdwien_basemap = new L.TileLayer("http://{s}.wien.gv.at/wmts/fmzk/pastell/google3857/{z}/{y}/{x}.jpeg", {maxZoom: 19, minZoom: 11, attribution: 'data.wien.gv.at', subdomains: ["maps","maps1", "maps2", "maps3"]});var ogdwien_satellite = new L.TileLayer("http://{s}.wien.gv.at/wmts/lb/farbe/google3857/{z}/{y}/{x}.jpeg", {maxZoom: 19, minZoom: 11, attribution: 'data.wien.gv.at', subdomains: ["maps","maps1", "maps2", "maps3"]});var ogdwien_address = new L.TileLayer("http://{s}.wien.gv.at/wmts/beschriftung/normal/google3857/{z}/{y}/{x}.png", {attribution: "", opacity: 1, maxZoom: 19, minZoom: 11, subdomains: ["maps", "maps1", "maps2", "maps3"]});

Page 17: Open Data Maps

CODE - JS MAP<script>

</script>

var layerControl = new L.Control.Layers({ "OGD Wien Karte": ogdwien_basemap, "OGD Wien Luftbild": ogdwien_satellite },{ "OGD Wien Adressen": ogdwien_address },{ collapsed: true });var map = L.map("ogdmap", { center: [48.208044462419906,16.35789155960083], zoom: 16});map.addLayer(ogdwien_basemap) .addLayer(ogdwien_address) .addControl(layerControl);map.attributionControl.setPrefix("");L.marker([48.208044462419906,16.35789155960083]) .bindPopup("<b>wien.at HQ</b><br /> 1082 Wien <br/>") .addTo(map);

Page 19: Open Data Maps

ONLINE SERVICE

1. Adresse2. Pin3. Popup4. Code

sindre.at/stadtplanmacher

Page 20: Open Data Maps

SINDREWIMBERGER

- -

Päsentation unter

sindre.at @sindrewimberger facebook

http://sindre.at/praesentation/open-data-maps