Webmapping und Geoverarbeitung: Turf -...

1

Webmapping und

Geoverarbeitung: Turf.js

@Gremling89 @geoSYSnet

FOSSSGIS, Bonn, 22. März 2018 Numa Gremling

2

Geoverarbeitung im Web

3

Geoverarbeitung im Web: WPS

Web Processing Service

OGC Standard

Braucht: (komplexe) serverseitige Infrastuktur Requests (Anfragen) Internet

http://www.opengeospatial.org/standards/wps

http://www.opengeospatial.org

4

Geoverarbeitung im Web: WPS

1

2

3

5

Turf.js

6

WPS – ja oder nein?

WPS ist sinnvoll wenn: Analysen und Berechnung sind komplex Daten sind groß

Allerdings: oft benutzt, um sehr einfache Aufgaben zu erledigen

... es geht auch anders!

7

Was ist Turf?

Turf is a JavaScript library for spatial analysis.

… JavaScript!

8

https://www.mapbox.com/blog/turf-gis-for-web-maps/

9

Ursprünge

Morgan Herlocker, 2013 http://morganherlocker.com @morganherlocker

Mapbox, seit 2014 https://www.mapbox.com @Mapbox

10

Mapbox.js?

Offizielle Beispiele benutzen Mapbox.js

Aber: die Karte ist optional

Bzw.: jeder Mapping Client der GeoJSON unterstützt kann benutzt werden

11

GeoJSON in, GeoJSON out

GeoJSON: das Datenformat in Turf

Alles in einer Datei: Geometrie

Attribute

Koordinatensystem

(eig. Immer WGS 84, EPSG:4326)

12

13

Where to get a GeoJSON?

Von Hand schreiben

http://geojson.io/

QGIS, OGR, usw.

14

15

ogr2ogr

16

17

Installation

CDN

npm

Download

http://turfjs.org/getting-started

18

Modularität

05.06.2014, http://morganherlocker.com/

19

Gute Doku!

20

Methoden center centroid distance destination

envelope midpoint bezierSpline buffer

concave convex difference intersect

simplify union combine explode

flip kinks randomPoint

sample tin booleanWithin isolines

21

Exportieren

JSON.stringify(ergebnisVonTurf);

22

DEMO

23

turf.booleanWithin

24

turf.booleanWithin

25

turf.union

26

turf.explode

27

turf.bezierSpline

28

turf.point, turf.lineString

29

turf.point, turf.lineString

30

geosysnet.com/demos/dashboard

31

Online Kurs

https://learn.gis-trainer.com/

32

Leaflet Cookbook

Locate Press

Über 150 Rezepte

Ende 2018

Top Weihnachtsgeschenk

https://locatepress.com/lcb

33

numa.gremling@geosysnet.de

console.log('Danke!');

https://gis-trainer.de https://learn.gis-trainer.com @gis_trainer gis_trainer gistrainer

http://geosysnet.com @geoSYSnet

http://qgis.pro