HSFM09 - Webcartografie

Les 3. Data ontsluiten & API's

1. Huiswerk bespreken
2. Data
3. Services & APIs
4. Samen aan de slag
5. Beetje over D3.js ?

Data formats

Open Geospatial Consortium - OGC standards

Hoe werkt het internet?

Hoe werken API's?

Postman

Programma voor het maken van API requests

Installeer Postman

Open Geospatial Consortium - OGC standards

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

Services en API's

Hoe te gebruiken, vinden, begrijpen?

request

						https://geodata.nationaalgeoregister.nl/locatieserver/v3/free?q=Sint Jansstraat 4 Groningen?q=Sint Jansstraat 4 Groningen
					

Workshop online

Straks even doorlopen samen!

Voorbeeld

JavaScript!

						
fetch('https://geodata.nationaalgeoregister.nl/locatieserver/lookup?fl=*&id=wpl-89c48885b31b3ba932dc34d524c30330', {})
	.then(response => response.json())
	.then(data => console.log(data))

						
					

WMS/WFS services werken ook zo!

						
							https://geodata.nationaalgeoregister.nl/cbsgebiedsindelingen/wfs?request=GetCapabilities&service=wfs
						
					

GetCapabilities

						https://geodata.nationaalgeoregister.nl/cbsgebiedsindelingen/wfs?service=WFS&request=GetFeature&typename=cbsgebiedsindelingen:cbs_gemeente_2021_gegeneraliseerd&outputFormat=json
					

tip

Netwerk tab!

Wijkpaspoort

API zonder geo

						https://opendata.cbs.nl/ODataApi/odata/84286NED/UntypedDataSet?$filter=WijkenEnBuurten%20eq%20%27GM1948%20%20%20%20%27&$select=WijkenEnBuurten,+GemiddeldInkomenPerInwoner_69,k_40HuishoudensMetLaagsteInkomen_73,k_20HuishoudensMetHoogsteInkomen_74
					

Aan de slag!

Begin met de PDOK workshop

Voeg een geometrie van de PDOK locatieserver toe aan een web map

Doe dit door een button toe te voegen aan de html

We gaan dit samen opzetten!!

tip

JavaScript functies

function name(parameter1, parameter2, parameter3) {
	// code to be executed
}
					

Volgende week- Geoserver!