Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

We gaan de knoppen configureren. Open het beheer van deze kaart. Je kan het beheer openen door in de kaart op het hamburger menu te klikken rechts bovenin. Onderstaand scherm verschijnt dan.

...

Je kan ook in het portaal op het instellingen icoontje klikken of terug gaan naar het tabblad dat nog open staat.

Open het “Werkbalken” menu van de kaart.

...

Je kan deze nog uitbreiden met de losse knoppen, klik daarvoor op het plusje rechts in de werkbalk.

...

  • 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 en gebruiken daarvoor de reeds aangemaakte WFS kaartservice

Gebruik deze kaartservice:

...

Service

Nieuwland Gemeenten Geoserver (WFS)

Laagnaam

containers

Titel

Containers - [NAAM]

Beperkt laden features

Nee

Dat ziet er dan als volgt uit (mijn naam is Thomas).

...

Voeg de kaartlaag toe aan de kaart.

...

image-20240603-104522.pngImage Added

Configureer voor deze kaartlaag Containers nog de volgende zaken:

Feature informatie:

Dat kunt u doen door onderstaande code te plakken in de editor. In de modus “broncode”.

image-20240826-095129.pngImage Added

Feature Informatie

<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>

image-20240603-104410.pngImage Removed

Voeg de kaartlaag toe aan de kaart.

...

image-20240603-104522.pngImage Removed

Configureer voor deze kaartlaag Containers nog de volgende zaken:

Stijl.Dat ziet er dan zo uit:

image-20240826-095029.pngImage Added

Stijl:

...

SLD

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

<StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xlink="http://www.w3.org/1999/xlink " xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.0.0" xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd">

  <!--Generated by GeoCat Bridge for QGIS 4.4.1 (based on bridgestyle 0.1.1)-->

  <NamedLayer>

    <Name>containers_afvalstroom</Name>

    <UserStyle>

      <Title>containers_afvalstroom</Title>

      <FeatureTypeStyle>

        <Rule>

          <Name>Glas</Name>

          <Title>Glas</Title>

          <ogc:Filter>

            <ogc:PropertyIsEqualTo>

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

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

            </ogc:PropertyIsEqualTo>

          </ogc:Filter>

          <PointSymbolizer>

            <Graphic>

              <Mark>

                <WellKnownName>circle</WellKnownName>

                <Fill>

                  <CssParameter name="fill">#d7191c</CssParameter>

                  <CssParameter name="fill-opacity">1.0</CssParameter>

                </Fill>

                <Stroke>

                  <CssParameter name="stroke">#232323</CssParameter>

                  <CssParameter name="stroke-width">1</CssParameter>

                  <CssParameter name="stroke-opacity">0.3607843137254902</CssParameter>

                </Stroke>

              </Mark>

              <Opacity>1.0</Opacity>

              <Size>7.142857142857142</Size>

              <Rotation>0.0</Rotation>

            </Graphic>

          </PointSymbolizer>

        </Rule>

        <Rule>

          <Name>PMD</Name>

          <Title>PMD</Title>

          <ogc:Filter>

            <ogc:PropertyIsEqualTo>

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

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

            </ogc:PropertyIsEqualTo>

          </ogc:Filter>

          <PointSymbolizer>

            <Graphic>

              <Mark>

                <WellKnownName>circle</WellKnownName>

                <Fill>

                  <CssParameter name="fill">#fedf99</CssParameter>

                  <CssParameter name="fill-opacity">1.0</CssParameter>

                </Fill>

                <Stroke>

                  <CssParameter name="stroke">#232323</CssParameter>

                  <CssParameter name="stroke-width">1</CssParameter>

                  <CssParameter name="stroke-opacity">0.3607843137254902</CssParameter>

                </Stroke>

              </Mark>

              <Opacity>1.0</Opacity>

              <Size>7.142857142857142</Size>

              <Rotation>0.0</Rotation>

            </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>

          <PointSymbolizer>

            <Graphic>

              <Mark>

                <WellKnownName>circle</WellKnownName>

                <Fill>

                  <CssParameter name="fill">#91cba8</CssParameter>

                  <CssParameter name="fill-opacity">1.0</CssParameter>

                </Fill>

                <Stroke>

                  <CssParameter name="stroke">#232323</CssParameter>

                  <CssParameter name="stroke-width">1</CssParameter>

                  <CssParameter name="stroke-opacity">0.3607843137254902</CssParameter>

                </Stroke>

              </Mark>

              <Opacity>1.0</Opacity>

              <Size>7.142857142857142</Size>

              <Rotation>0.0</Rotation>

            </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>

          <PointSymbolizer>

            <Graphic>

              <Mark>

                <WellKnownName>circle</WellKnownName>

                <Fill>

                  <CssParameter name="fill">#f59053</CssParameter>

                  <CssParameter name="fill-opacity">1.0</CssParameter>

                </Fill>

                <Stroke>

                  <CssParameter name="stroke">#232323</CssParameter>

                  <CssParameter name="stroke-width">1</CssParameter>

                  <CssParameter name="stroke-opacity">0.3607843137254902</CssParameter>

                </Stroke>

              </Mark>

              <Opacity>1.0</Opacity>

              <Size>7.142857142857142</Size>

              <Rotation>0.0</Rotation>

            </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>

          <PointSymbolizer>

            <Graphic>

              <Mark>

                <WellKnownName>circle</WellKnownName>

                <Fill>

                  <CssParameter name="fill">#ddf1b4</CssParameter>

                  <CssParameter name="fill-opacity">1.0</CssParameter>

                </Fill>

                <Stroke>

                  <CssParameter name="stroke">#232323</CssParameter>

                  <CssParameter name="stroke-width">1</CssParameter>

                  <CssParameter name="stroke-opacity">0.3607843137254902</CssParameter>

                </Stroke>

              </Mark>

              <Opacity>1.0</Opacity>

              <Size>7.142857142857142</Size>

              <Rotation>0.0</Rotation>

            </Graphic>

          </PointSymbolizer>

        </Rule>

        <Rule>

          <Name/>

  <Title>Overige</Title>

          <ElseFilter/>

          <PointSymbolizer>

            <Graphic>

              <Mark>

                <WellKnownName>circle</WellKnownName>

                <Fill>

                  <CssParameter name="fill">#2b83ba</CssParameter>

                  <CssParameter name="fill-opacity">1.0</CssParameter>

                </Fill>

                <Stroke>

                  <CssParameter name="stroke">#232323</CssParameter>

                  <CssParameter name="stroke-width">1</CssParameter>

                  <CssParameter name="stroke-opacity">0.3607843137254902</CssParameter>

                </Stroke>

              </Mark>

              <Opacity>1.0</Opacity>

              <Size>7.142857142857142</Size>

              <Rotation>0.0</Rotation>

            </Graphic>

          </PointSymbolizer>

        </Rule>

      </FeatureTypeStyle>

    </UserStyle>

  </NamedLayer>

</StyledLayerDescriptor>

...

Deze kun je toevoegen op het niveau van de themakaart, bij configuratie.

image-20240620-115002.pngImage Removedimage-20240826-095833.pngImage Added

De kaart ziet er dan ongeveer zo uit.

...

Er staan op de volgende twee pagina’s 6 uitgewerkte dashboard configuraties. Hieruit kunnen er maximaal 5 worden toegevoegd. Eenmaal toegevoegd worden komen de dashboards automatisch toegevoegd aan het zijpaneel. Daar kan beschikbaar bij de kaart instellingen > Zijbalken. Daar kunt u de dashboards naar keuze in het linker of het rechter zijpaneel plaatsen.

En daar kan ook de volgorde nog aangepast worden naar wens. 

...

Is het dashboard niet duidelijk of slecht leesbaar? Dan kun je is het goed om te weten dat de kleuren aanpassen in overgenomen worden uit het thema van de themakaart. Uit de thema instellingen worden de kleur instellingen van het zijbalk gebruikt. dat je op de kaart toepast. Is er geen thema op de kaart toegepast dan worden de standaard kleuren gebruikt. Dit is verder niet uitgewerkt puur ter informatie bedoeld.

Image Modified

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

...