Edward Mac Gillavry24 mei 2013
GEO-INFORMATIESYSTEMENGEO-INFORMATIESYSTEMENTheorie en visualisatieTheorie en visualisatie
Richard, Edward, Hans Amsterdam Sinds 2009 Geo-applicaties voor het (mobiele) Web Webcartografie Desktop GIS ondersteuning: Quantum GIS Open Source en Open Data
WEBMAPPER: what the map can beWEBMAPPER: what the map can be
RIJKSWATERSTAATRIJKSWATERSTAAT
PDOKPDOK
ZORGVERZEKERAARS NLZORGVERZEKERAARS NL
ZORGVERZEKERAARS NLZORGVERZEKERAARS NL
MAPPYMAPPY
MAPPYMAPPY
DRENTS ARCHIEFDRENTS ARCHIEF
GEO-INFORMATIEGEO-INFORMATIE
““80% VAN DE DATA IS GEOGRAFISCH”80% VAN DE DATA IS GEOGRAFISCH”
https://twitter.com/briantimoney/status/336967412673044480
Shell stratengids → TomTom Navigator (2004) Locatienet → Google Maps (2005) “Baksteen” → iPhone 3G met a-GPS (2007)
CBS Wijk- en Buurtkaart (2005) AND doneert NL data aan OpenStreetMap (2007) Nationaal Georegister, Provinciaal Georegister (2009) Data.overheid.nl (2011) Topografische data = open data (2012) Postcode (BAG) = open data (2012)
GEO VOOR IEDEREENGEO VOOR IEDEREEN
GEO VOOR IEDEREEN?GEO VOOR IEDEREEN?
RD WGS-84 BAG Shape NGR 900913 WIN1252 WMS PDOK
GEO VOOR IEDEREEN? ECHT?GEO VOOR IEDEREEN? ECHT?
RD = Rijksdriehoekstelsel WGS-84 = lengte- en breedtegraden BAG = Basisadministratie Adressen en Gebouwen Shape = ESRI Shape (bestandsformaat) NGR = Nationaal Georegister 900913 (google) = Web Mercator WIN1252 = ASCII tekenset in MS Windows WMS = Web Mapping Service PDOK = Publieke Dienstverlening op de Kaart
GEO VOOR IEDEREEN? ECHT?GEO VOOR IEDEREEN? ECHT?
ONZE GEREEDSCHAPSKISTONZE GEREEDSCHAPSKIST
DatabewerkingGrafisch Web mapping
InkScape
GIMP
QuantumGIS
PostgreSQL
NAVIGEREN IN “GEO-LAND”NAVIGEREN IN “GEO-LAND”
CBS WIJK- EN BUURTKAART 2012CBS WIJK- EN BUURTKAART 2012
ESRI = Environmental Spatial Research Institute Formaat stamt uit begin jaren '90 Shape bestandsformaat:
.shp – geometrie .shx – index .dbf – informatie (inderdaad dBase IV)
Punten OF lijnen OF vlakken Lengte van kolomnamen en bestandsgrootte beperkt Windows-1252 tekenset Gelukkig veel software, bibliotheken
ESRIESRITMTM-shape bestandsformaat-shape bestandsformaat
http://en.wikipedia.org/wiki/Shapefile
QUANTUM GIS – TO THE RESCUEQUANTUM GIS – TO THE RESCUE
– Layer > Add Vector Layer...– Ctrl + Shift + V– Werkbalk
ENCODING – WINDOWS-1252ENCODING – WINDOWS-1252
Skasterlân Súdwest-Fryslân Côte d'Ivoire Douarière Mevrouw van Hier tot Daar
Zie ook eventueel meegeleverde .cpg bestand
QUANTUM GIS – TO THE RESCUEQUANTUM GIS – TO THE RESCUE
GDAL/OGR VOOR DE DIEHARDSGDAL/OGR VOOR DE DIEHARDS
Quantum GIS gebruikt OGR (vector) en GDAL (raster) voor inlezen van bestandsformaten
Ondersteunt heel veel formaten! :-) Wizards of plug-ins geven soms iets meer
controle (bijvoorbeeld .csv bestand) Bij complexere imports is een ogr2ogr
commandoregel nodig Voor informatie, gebruik ogrinfo
ogrinfoogrinfo
ogrinfo -al -so buurt_2012_v1.shp
Layer name: buurt_2012_v1 Geometry: 3D Polygon Feature Count: 12002 Extent: (10425.200000, 306846.200000) -
(278026.100000, 621876.300000) Layer SRS WKT: PROJCS["RD_New",
GEOGCS["GCS_Amersfoort", DATUM["Amersfoort", …
RIJKSDRIEHOEKSTELSELRIJKSDRIEHOEKSTELSEL
RD, RD New, Amersfoort EPSG: 28992 (European Petroleum Survey Group) X- en Y-coördinaten Ellipsoïde van Bessel (benadering vorm van de Aarde)
Driehoek? → Pythagoras! Centrum is de OLV-toren in Amersfoort Nulpunt bij Parijs: X-coördinaat < Y-coördinaat Alleen voor Nederland Hoekgetrouw en minimale afwijking
RIJKSDRIEHOEKSTELSELRIJKSDRIEHOEKSTELSEL
RIJKSDRIEHOEKSTELSELRIJKSDRIEHOEKSTELSEL
WGS-84WGS-84
World Geodetic System 1984 Standaard coördinaten van Global Positioning System (GPS) EPSG: 4326 Lengte- en breedtegraden Ellipsoïde (benadering vorm van de Aarde) Plate Carrée: lengtegraad = x, breedtegraad = y
Let op de volgorde van de assen! Wereldwijd Afstandsgetrouw (langs de meridianen)
WGS-84WGS-84
WGS-84WGS-84
WEB MERCATORWEB MERCATOR
GERARDUS MERCATORGERARDUS MERCATOR
Google projection, Pseudo Mercator, Spherical Mercator EPSG: 900913, EPSG: 3785, EPSG: 3857 Meters Ellipsoïde WGS-84 (benadering vorm van de Aarde)
Google Maps, Bing Maps, OpenStreetMap, ArcGIS Online Zoomniveau 0 op 1 tegeltje (256 x 256 pixels) Hoekgetrouw, maar niet nauwkeurig
WEB MERCATORWEB MERCATOR
http://crschmidt.net/blog/archives/243/google-projection-900913/
WEB MERCATOR – TILINGWEB MERCATOR – TILING
Zoomniveau 0 Zoomniveau 1 Zoomniveau 2
Zoomniveau Kaartgrootte (pixels) Aantal tiles Resolutie (meters/pixel) Schaalgetal (bij 96 dpi)
0 256 x 256 1 x 1 = 1 156.543,034 591.658.711
1 512 x 512 2 x 2 = 4 78.271,517 295.829.355
2 1.024 x 1.024 4 x 4 = 16 39.135,758 147.914.678
3 2.048 x 2.048 8 x 8 = 64 19.567,879 73.957.339
4 4.096 x 4.096 16 x 16 = 256 9.783,940 36.978.669
5 8.192 x 8.192 32 x 32 = 1.024 4.891,970 18.489.335
6 16.384 x 16.384 64 x 64 = 4.096 2.445,985 9.244.667
7 32.768 x 32.768 128 x 128 = 16.384 1.222,992 4.622.334
8 65.536 * 65.536 256 x 256 = 65.536 611,496 2.311.167
9 131.072 x 131.072 512 x 512 = 262.144 305,748 1.155.583
10 262.144 x 262.144 1.024 x 1.024 = 1.048.576 152,874 577.792
VERSCHUIVING 100M NOORD?VERSCHUIVING 100M NOORD?
GEBRUIK JUISTE PARAMETERS!GEBRUIK JUISTE PARAMETERS!
ogr2ogr -f bestandsformaat⏎
doelbestand -t_srs doelprojectie⏎
-s_srs bronprojectie⏎
bronbestand
GEBRUIK JUISTE PARAMETERS!GEBRUIK JUISTE PARAMETERS!
ogr2ogr -f “KML”⏎
groningen_goed.kml -t_srs “EPSG:4326”⏎
-s_srs “+proj=sterea +lat_0=52.15616055555555 +lon_0=5.38763888888889 +k=0.999908 +x_0=155000 +y_0=463000 +ellps=bessel +units=m +towgs84=565.2369,50.0087,465.658,-0.406857330322398,0.350732676542563,-1.8703473836068,4.0812 +no_defs no_defs”⏎
groningen.shp
Let op “towgs84” parameter:
+proj=sterea +lat_0=52.15616055555555 +lon_0=5.38763888888889 +k=0.9999079 +x_0=155000 +y_0=463000 +ellps=bessel +units=m +towgs84=565.2369,50.0087,465.658,-0.406857330322398,0.350732676542563,-1.8703473836068,4.0812 +no_defs no_defs <>
Deze staan niet altijd in de definitie van RD, zelfs niet op:
http://spatialreference.org/ref/epsg/28992/
GEBRUIK JUISTE PARAMETERS!GEBRUIK JUISTE PARAMETERS!
GEBRUIK JUISTE PARAMETERS!GEBRUIK JUISTE PARAMETERS!
CBS GEO-SERVICES VIA NGRCBS GEO-SERVICES VIA NGR
http://www.nationaalgeoregister.nl/geonetwork/srv/search/?uuid=d25fe199-2430-48fd-ad57-5b5f79f73cdf
CBS GEO-SERVICES VIA NGRCBS GEO-SERVICES VIA NGR
http://www.nationaalgeoregister.nl/geonetwork/srv/search/?uuid=d25fe199-2430-48fd-ad57-5b5f79f73cdf
CBS GEO-SERVICES VIA PDOKCBS GEO-SERVICES VIA PDOK
https://www.pdok.nl/nl/producten/pdok-services/overzicht-urls/c
Open Geospatial Consortium (OGC) Recommendations ~ standaarden Internationaal Breed geïmplementeerd
Traaaaaag “Afgeraffelde” indruk Expliciete notatie (verbose)
OGC WEB SERVICESOGC WEB SERVICES
WEB MAPPING SERVICE – GetCapabilitiesWEB MAPPING SERVICE – GetCapabilities
– Layer > Add WMS Layer...– Ctrl + Shift + W– Werkbalk
WEB MAPPING SERVICE – GetCapabilitiesWEB MAPPING SERVICE – GetCapabilities
WEB MAPPING SERVICE – GetMapWEB MAPPING SERVICE – GetMap
WEB MAPPING SERVICE – GetMapWEB MAPPING SERVICE – GetMap
WEB MAPPING SERVICE – GetFeatureInfoWEB MAPPING SERVICE – GetFeatureInfo
WEB FEATURE SERVICE – GetFeatureWEB FEATURE SERVICE – GetFeature
– Layer > Add WFS Layer...– Geen sneltoetscombinatie– Werkbalk
WEB FEATURE SERVICE – GetFeatureWEB FEATURE SERVICE – GetFeature
WEB MAP TILE SERVICESWEB MAP TILE SERVICES
https://www.pdok.nl/nl/producten/pdok-services/overzicht-urls/b
TILED SERVICESTILED SERVICES
Open Geospatial Consortium (OGC):
WMTS = Web Map Tiled Service Open Source Geospatial Foundation (OSGeo):
TMS = Tile Map Server Google Maps, OpenStreetMap, Bing, MapQuest:
XYZ ~ TMS, maar een omgekeerde Y-waarde!
QUANTUM GIS 1.9 OF JAVASCRIPTQUANTUM GIS 1.9 OF JAVASCRIPT
OpenLayers.js: Uitgebreide functionaliteit, dus “hard werken”● Tiling protocol: XYZ, TMS, WMTS http://www.openlayers.org/
Leaflet.js:● Doelgerichte functionaliteit met goede documentatie● Tiling protocol: XYZ en TMS● http://leafletjs.com/
NEDERLANDSE RICHTLIJN TILINGNEDERLANDSE RICHTLIJN TILING
15 (v.1.0) + 2 (v.1.1) zoomniveaus Well-Known Scale Set (WKSS):
urn:ogc:def:wkss:OGC:1.0:NLDEPSG28992Scale
Zoomniveau Kaartgrootte (pixels) Aantal tiles Resolutie (meters/pixel) Schaalgetal (bij 96 dpi)
0 256 x 256 1 x 1 = 1 3440,640 12.288.000
1 512 x 512 2 x 2 = 4 1720,320 6.144.000
2 1.024 x 1.024 4 x 4 = 16 860,160 3.072.000
3 2.048 x 2.048 8 x 8 = 64 430,080 1.536.000
4 4.096 x 4.096 16 x 16 = 256 215,040 768.000
5 8.192 x 8.192 32 x 32 = 1.024 107,520 384.000
6 16.384 x 16.384 64 x 64 = 4.096 53,760 192.000
7 32.768 x 32.768 128 x 128 = 16.384 26,880 96.000
8 65.536 * 65.536 256 x 256 = 65.536 13,440 48.000
9 131.072 x 131.072 512 x 512 = 262.144 6,720 24.000
10 262.144 x 262.144 1.024 x 1.024 = 1.048.576 3,360 12.000
http://www.geonovum.nl/sites/default/files/nederlandse_richtlijn_tiling_-_versie_1.1.pdf
NL WMTS-service in OpenLayersNL WMTS-service in OpenLayers
http://bl.ocks.org/emacgillavry/5669391
PDOK-Services Plugin voor QGISPDOK-Services Plugin voor QGIS
WEB MAPPING...WEB MAPPING...
...ZONDER GOOGLE MAPS ;-)...ZONDER GOOGLE MAPS ;-)
http://emacgillavry.github.io/PDOK-Leaflet/
ARCHITECTUURARCHITECTUUR
Kaart: BRT-Achtergrondkaart als TMS Viewer: Leaflet.js Projectie: RD i.p.v. Web Mercator Statistische data: CBS-gegevens als GeoJSON Choropleet: D3.js
ARCHITECTUURARCHITECTUUR
Kaart: BRT-Achtergrondkaart als TMS ✓ Viewer: Leaflet.js ✓ Projectie: RD i.p.v. Web Mercator ✓ Statistische data: CBS-gegevens als GeoJSON Choropleet: D3.js
GeoJSON MAKEN MET GeoJSON MAKEN MET ogr2ogrogr2ogr
ogr2ogr -f “bestandsformaat”⏎
doelbestand
-sql “kolomnamen en filter”⏎
-t_srs “doelprojectie”⏎
-s_srs “bronprojectie”⏎
bronbestand
Meer informatie GeoJSON:
http://geojson.org/geojson-spec.html
SQL KOMT ALTIJD VAN PAS!SQL KOMT ALTIJD VAN PAS!
ogr2ogr -f "GeoJSON"⏎
groningen.json⏎
-sql "SELECT 'BU_NAAM', 'BU_CODE', 'GM_NAAM', CAST('P_EENP_HH' AS integer) AS 'P_EENP_HH' FROM 'buurt_2012_v1' WHERE 'GM_NAAM' = 'Groningen'"⏎
-t_srs "EPSG:4326"⏎
-s_srs "+proj=sterea +lat_0=52.15616055555555 +lon_0=5.38763888888889 +k=0.999908 +x_0=155000 +y_0=463000 +ellps=bessel +units=m +towgs84=565.2369,50.0087,465.658,-0.406857330322398,0.350732676542563,-1.8703473836068,4.0812 +no_defs no_defs"⏎
buurt_2012_v1.shp
Percentage eenpersoonshuishoudens per buurt in de gemeente Groningen
D3.jsD3.js
Data-Driven Documents CSS + HTML + Scalable Vector Graphics (SVG)
Brongegevens uit JSON Interactie Veel voorbeelden en uitgebreide documentatie Meer informatie: http://d3js.org/
EINDRESULTAATEINDRESULTAAT
http://emacgillavry.github.io/PDOK-Leaflet/
