Casus 2: Maak een themakaart met een dashboard

Inleiding

In deze casus maken we een themakaart in Onemap met een dashboard. We voegen in de themakaart een WFS kaartlaag toe met containers. Daarna maken we met de beschikbare container attributen een dashboard waarin verschillende statistieken getoond worden over containers.

Begin met het aanmaken van een nieuwe themakaart.

Vul de gevraagde belangrijke informatie in.

Titel

Container dashboard

Projectie

28992

Kaartextent & startextent

Sla de kaart op als de basis instellingen naar wens zijn. Het gaat in deze opdracht meer om de dashboard configuratie te begrijpen dan om het maken van een complete themakaart.

Configureer eerst de widgets, zijbalken, werkbalk en kaartlagen. Als laatste configureren we de dashboards/grafieken op de container kaartlaag en sorteren we de grafieken in het zijpaneel.

Widgets:

Zijbalken:

Kaartlagen:

Voeg de basis kaartlaag “BRT standaard” toe.

Zet de kaartlaag in de map “Achtergrond”.

Open de kaart, die zal er ongeveer zo uit zien:

We gaan de knoppen configureren. Open het beheer van deze kaart.

Open het “Werkbalken” menu van de kaart.

Voeg eerst de standaard”Basis toolbar” toe.

Het dashboard toont altijd de statistieken van alle features in de kaart. Tot je een selectie maakt, dan toont het dashboard de statistieken van de selectie. Het dashboard is daardoor dynamisch en makkelijk te bedienen.

We hebben daarvoor de selectie werkbalk en knoppen nodig.
Voeg deze standaard toolbar toe aan de kaart.

Je kan deze nog uitbreiden met de losse knoppen

Selecteer binnen selectie
Vrij selecteren
Zoomen naar selectie

Voeg de kaartlaag “Containers” toe.
Begin met de WFS service en voeg daar een kaartlaag uit toe.

We gaan nu een WFS kaartservice en kaartlaag “Containers” toevoegen aan deze themakaart.

Maak eerst een kaartservice aan:

Titel	Nieuwland Gemeenten Geoserver (WFS)
URL	https://geoserver-gemeenten.webgispublisher.nl/wageningen/wfs?
Instellingen	WFS, 2.0.0, OGC

Maak een kaartlaag aan op deze webservice:

Service	Nieuwland Gemeenten Geoserver (WFS)
Laagnaam	containers
Titel	Containers
Beperkt laden features	Nee
Feature informatie (TWIG)	<p style="margin-bottom: 0.2rem"><strong>Identificatie: </strong>{{ objectid_1 }}</p> <p style="margin-bottom: 0.2rem"><strong>Straat: </strong>{{ straat }}</p> <br> <p style="margin-bottom: 0.2rem"><strong>Soort container: </strong>{{ soort_cont }}</p> <p style="margin-bottom: 0.2rem"><strong>Jaar in gebruikname: </strong>{{ jaar_in_ge }}</p> <br> <p style="margin-bottom: 0.2rem"><strong>Locatienummer: </strong>{{ locatienum }}</p> <p style="margin-bottom: 0.2rem"><strong>Type container: </strong>{{ type_conta }}</p> <p style="margin-bottom: 0.2rem"><strong>Merk container: </strong>{{ merk_conta }}</p> <p style="margin-bottom: 0.2rem"><strong>Ophaalsysteem: </strong>{{ ophaalsyst }}</p> <p style="margin-bottom: 0.2rem"><strong>Afvalstroom: </strong>{{ afvalstroo }}</p>

Voeg de kaartlaag toe aan de kaart.

Configureer voor deze kaartlaag Containers nog de volgende zaken:

Stijl.

SLD

<?xml version="1.0" encoding="utf-8"?>

<Name>containers_afvalstroom</Name>

<Title>containers_afvalstroom</Title>

<Rule>

<ogc:Filter>

<ogc:PropertyIsEqualTo>

<ogc:PropertyName>afvalstroo</ogc:PropertyName>

<ogc:Literal>Glas</ogc:Literal>

</ogc:PropertyIsEqualTo>

</ogc:Filter>

<WellKnownName>circle</WellKnownName>

<Fill>

</Fill>

</Stroke>

</Graphic>

</PointSymbolizer>

</Rule>

<Rule>

<ogc:Filter>

<ogc:PropertyIsEqualTo>

<ogc:PropertyName>afvalstroo</ogc:PropertyName>

<ogc:Literal>PMD</ogc:Literal>

</ogc:PropertyIsEqualTo>

</ogc:Filter>

<WellKnownName>circle</WellKnownName>

<Fill>

</Fill>

</Stroke>

</Graphic>

</PointSymbolizer>

</Rule>

<Rule>

<Name>Textiel</Name>

<Title>Textiel</Title>

<ogc:Filter>

<ogc:PropertyIsEqualTo>

<ogc:PropertyName>afvalstroo</ogc:PropertyName>

<ogc:Literal>Textiel</ogc:Literal>

</ogc:PropertyIsEqualTo>

</ogc:Filter>

<WellKnownName>circle</WellKnownName>

<Fill>

</Fill>

</Stroke>

</Graphic>

</PointSymbolizer>

</Rule>

<Rule>

<Name>Luiers_en_incontinentie</Name>

<Title>Luiers en incontinentie</Title>

<ogc:Filter>

<ogc:PropertyIsEqualTo>

<ogc:PropertyName>afvalstroo</ogc:PropertyName>

<ogc:Literal>Luiers en incontinentie</ogc:Literal>

</ogc:PropertyIsEqualTo>

</ogc:Filter>

<WellKnownName>circle</WellKnownName>

<Fill>

</Fill>

</Stroke>

</Graphic>

</PointSymbolizer>

</Rule>

<Rule>

<Name>Restafval_ondergronds</Name>

<Title>Restafval ondergronds</Title>

<ogc:Filter>

<ogc:PropertyIsEqualTo>

<ogc:PropertyName>afvalstroo</ogc:PropertyName>

<ogc:Literal>Restafval ondergronds</ogc:Literal>

</ogc:PropertyIsEqualTo>

</ogc:Filter>

<WellKnownName>circle</WellKnownName>

<Fill>

</Fill>

</Stroke>

</Graphic>

</PointSymbolizer>

</Rule>

<Rule>

<Name/>

<Title>Overige</Title>

<WellKnownName>circle</WellKnownName>

<Fill>

</Fill>

</Stroke>

</Graphic>

</PointSymbolizer>

</Rule>

</FeatureTypeStyle>

</UserStyle>

</NamedLayer>

</StyledLayerDescriptor>

Legenda.

Inline legenda.

De kaart ziet er dan ongeveer zo uit.

Dashboard toevoegen.

We voegen het dashboard toe aan de kaartlaag “Containers” in het kaartlaag menu zie je het menu item “Dashboards”.

Open de “Dashboards” configuratie pagina.

Klik op “Dashboard toevoegen”.

In het onderstaande scherm kan je bepalen hoe het dashboard werkt. Er zijn twee grafiek type, taartgrafieken en staafgrafieken. Deze groepeer je op een attribuut en kan je sommeren op aantal, som of gemiddelde.

Er staan op de volgende twee pagina’s 6 uitgewerkte dashboard configuraties. Hieruit kunnen er maximaal 5 worden toegevoegd. Eenmaal toegevoegd worden de dashboards automatisch toegevoegd aan het zijpaneel.

Daar kan de volgorde nog aangepast worden naar wens.

Dashboard “Type container”

	Titel	Type container
	Grafiektype	Taartgrafiek
	Groeperen op	type_conta
	Sommeer op	Aantal
	Velden	objectid_1

Dashboard “In gebruikname container”

	Titel	In gebruikname container
	Grafiektype	Staafgrafiek
	Groeperen op	jaar_in_ge
	Sommeer op	Aantal
	Velden	objectid_1

Dashboard “Soort container”

	Titel	Soort container
	Grafiektype	Taartgrafiek
	Groeperen op	soort_cont
	Sommeer op	Aantal
	Velden	inhoud

Dashboard “Container ophaalsysteem”

	Titel	Container ophaalsysteem
	Grafiektype	Staafgrafiek
	Groeperen op	ophaalsyst & type_conta
	Sommeer op	Aantal
	Velden	objectid_1

Dashboard “Afvalstroom”

	Titel	Afvalstroom
	Grafiektype	Taartgrafiek
	Groeperen op	afvalstroo
	Sommeer op	Aantal
	Velden	inhoud

Dashboard “Met pasje”

	Titel	Met pasje
	Grafiektype	Taartgrafiek
	Groeperen op	pasje
	Sommeer op	Aantal
	Velden	objectid_1

Bekijk het dashboard door de kaart te openen.
Probeer de widgets eens te bedienen. Ze kunnen open en dicht geklapt worden en geven ook detail informatie als je met de muis op of over de widget navigeert.

Is het dashboard niet duidelijk of slecht leesbaar? Dan kun je de kleuren aanpassen in het thema van de themakaart. Uit de thema instellingen worden de kleur instellingen van het zijbalk gebruikt.

Als je deze aanpast wijzigt ook de kleur van de dashboards.