HSFM09 - Webcartografie

Les 4. GeoServer en meer JavaScript

1. Huiswerk bespreken
2. Geoserver
3. WMS en WFS
4. Meer JavaScript - Arrays en Loops!

Open Geospatial Consortium - OGC standards

Geoserver!

GeoServer is an open source server for sharing geospatial data

http://localhost:8080/geoserver

User name: admin.

Password: geoserver.

Geoserver documentatie!

Open Geospatial Consortium - OGC standards

• WMS Web Map Service
• WMTS Web Map Tile Service
• WFS Web Feature Service

Instellingen

WMS toevoegen aan Leaflet

Dit hebben we al eerder gedaan

Stap 1. GetCapabilities bekijken

Stap 2. Layer vinden

Laag in Leaflet toevoegen

WFS toevoegen

Stap 1. GetCapabilities bekijken

Stap 2. Layer vinden

getFeature request maken

Fetch request in JS maken

Geojson toevoegen aan Leaflet

Wat meer JavaScript

Arrays en loops

Array

Lijst van elementen

String , number, objects , arrays bevatten

						[0,1,2,3,4,5]
						["appel", "banaan", "peer"]
					

Array bevragen

						let array = ["appel", "banaan", "peer"]
						array[2] 
						array[1]
					

Dit noemen we een index

Loops

Code herhalen!

						for (let i = 0; i < 5; i++) {
							console.log(i);
						  }
					

Handig met arrays!

						for (let i = 0; i < array.length ; i++) {
							console.log(array[i]);
						  }
					

Hoe kunnen wij dit gebruiken?

Lijstje met plaatsnamen maken en toevoegen aan de kaart!

We gaan door op de vorige code