Open Data Maps

Gerade durch die immer größere Verbreitung von mobilen Endgeräten werden Karten im Web immer interessanter. Kaum eine Webseite ohne Anfahrt- oder Lageplan. Oft mit Google Maps umgesetzt, drohen API Limits und mögliche unerwünschte Werbung. Open Street Map aber auch Open Government Data bieten dazu spannende Alternativen und Möglichkeiten. Der Vortrag zeigt wie Sie mit wenigen Zeilen Code eine eigenen Karte "erschaffen".

Transcript

1. OPEN DATA MAPS http://sindre.at/praesentation/open-data-maps http://sindre.at/praesentation/open-data-maps
2. GOOGLE MAPS
3. DATENSCHUTZ 3rd party script mögliches tracking - Arge Daten Spy & Track
4. WERBUNG - PROMINENT
5. WERBUNG - KARTE
6. API LIMITS pro API täglich bis zu 25.000 Kartenladevorgänge generieren. Google Maps - FAQ
7. BENUTZERRICHTLINIEN Alle Rechte vorbehalten Google Maps - Nutzungsbedingungen
8. EIGENE KARTE Client Framework Basemap/ TMS JS Code
9. FRAMEWORK LEAFLET Lizenz: MIT 27 KB gzipped neu, schlank, mobil optimiert leaflet.cloudmade.com
10. FRAMEWORK OPENLAYERS Lizenz: FreeBSD 230 KB gzipped extrem umfangreich openlayers.org
11. BASEMAP Geoserver/ WMTS Lizenz: OGD WIEN Stadtplan Grundkarte Stadtplan Orthofoto Stadtplan Beschriftung CC BY 3.0
12. BASEMAP Datenbank keine Karte diverse Anbieter - Möglichkeit eigene Karten zu erstellen Lizenz: OPEN STREET MAP OSM TMS ODbL
13. ODBL Datenbank Ergänzungen müssen weitergegeben werden daraus erstellte Map Tiles nicht
14. CODE - FRAMEWORK < l i n k r e l = " s t y l e s h e e t " h r e f = " l e a f l e t . c s s " / > < ! - - [ i f l t e I E 8 ] > < l i n k r e l = " s t y l e s h e e t " h r e f = " l e a f l e t . i e . c s s " / > < ! [ e n d i f ] - - > < s c r i p t s r c = " l e a f l e t . j s " > < / s c r i p t >
15. CODE - HTML/ CSS < s t y l e > < / s t y l e > < d i v i d = " o g d m a p " > < / d i v > # o g d m a p { h e i g h t : 3 0 0 p x ; }
16. CODE - JS BASEMAPS < s c r i p t > < / s c r i p t > v a r o g d w i e n _ b a s e m a p = n e w L . T i l e L a y e r ( " h t t p : / / { s } . w i e n . g v . a t / w m t s / f m z k / p a s t e l l / g o o g l e 3 8 5 7 / { z } / { y } / { x } . j p e g " , { m a x Z o o m : 1 9 , m i n Z o o m : 1 1 , a t t r i b u t i o n : ' d a t a . w i e n . g v . a t ' , s u b d o m a i n s : [ " m a p s " , " m a p s 1 " , " m a p s 2 " , " m a p s 3 " ] } ) ; v a r o g d w i e n _ s a t e l l i t e = n e w L . T i l e L a y e r ( " h t t p : / / { s } . w i e n . g v . a t / w m t s / l b / f a r b e / g o o g l e 3 8 5 7 / { z } / { y } / { x } . j p e g " , { m a x Z o o m : 1 9 , m i n Z o o m : 1 1 , a t t r i b u t i o n : ' d a t a . w i e n . g v . a t ' , s u b d o m a i n s : [ " m a p s " , " m a p s 1 " , " m a p s 2 " , " m a p s 3 " ] } ) ; v a r o g d w i e n _ a d d r e s s = n e w L . T i l e L a y e r ( " h t t p : / / { s } . w i e n . g v . a t / w m t s / b e s c h r i f t u n g / n o r m a l / g o o g l e 3 8 5 7 / { z } / { y } / { x } . p n g " , { a t t r i b u t i o n : " " , o p a c i t y : 1 , m a x Z o o m : 1 9 , m i n Z o o m : 1 1 , s u b d o m a i n s : [ " m a p s " , " m a p s 1 " , " m a p s 2 " , " m a p s 3 " ] } ) ;
17. CODE - JS MAP < s c r i p t > < / s c r i p t > v a r l a y e r C o n t r o l = n e w L . C o n t r o l . L a y e r s ( { " O G D W i e n K a r t e " : o g d w i e n _ b a s e m a p , " O G D W i e n L u f t b i l d " : o g d w i e n _ s a t e l l i t e } , { " O G D W i e n A d r e s s e n " : o g d w i e n _ a d d r e s s } , { c o l l a p s e d : t r u e } ) ; v a r m a p = L . m a p ( " o g d m a p " , { c e n t e r : [ 4 8 . 2 0 8 0 4 4 4 6 2 4 1 9 9 0 6 , 1 6 . 3 5 7 8 9 1 5 5 9 6 0 0 8 3 ] , z o o m : 1 6 } ) ; m a p . a d d L a y e r ( o g d w i e n _ b a s e m a p ) . a d d L a y e r ( o g d w i e n _ a d d r e s s ) . a d d C o n t r o l ( l a y e r C o n t r o l ) ; m a p . a t t r i b u t i o n C o n t r o l . s e t P r e f i x ( " " ) ; L . m a r k e r ( [ 4 8 . 2 0 8 0 4 4 4 6 2 4 1 9 9 0 6 , 1 6 . 3 5 7 8 9 1 5 5 9 6 0 0 8 3 ] ) . b i n d P o p u p ( " < b > w i e n . a t H Q < / b > < b r / > 1 0 8 2 W i e n < b r / > " ) . a d d T o ( m a p ) ;
18. ANSICHT data.w ien.gv.at
19. ONLINE SERVICE 1. Adresse 2. Pin 3. Popup 4. Code sindre.at/stadtplanmacher
20. SINDRE WIMBERGER - - Päsentation unter sindre.at @sindrewimberger facebook http://sindre.at/praesentation/open-data-maps