...
Titel | TWIG feature informatie |
Projectie | 28992 |
Kaartextent & startextent |  |
Sla de kaart op als de basis instellingen naar wens zijn. Het gaat in deze opdracht meer om de feature informatie configuratie te begrijpen dan om het maken van een complete themakaart.
...
Service | PDOK Ruimtelijkeplannen (WMS) |
Laagnaam | Enkelbestemming |
Titel | Enkelbestemming |
WFS | nvt |
Feature informatie (TWIG) | Voorbeeld 1: Toon de verborgen velden van een WMS service. Deze service toont geen veld informatie, de WFS is niet beschikbaar. We kunnen nu geen template in laten vullen en geen velden kiezen uit een drop down box.  We gebruiken dan deze TWIG code om alle velden te tonen:
|
...
Voeg de kaartlaag toe aan de kaart.
Open de themakaart en bekijk het resultaat van de feature informatie configuratie, dat ziet er ongeveer zo uit:
...
De feature informatie is nu compacter, in twee stappen hebben we nu de mogelijke velden opgezocht en de gewenste velden daaruit opgenomen in de feature informatie.
Let op:
Door het kiezen van de style, hebben we het tonen van de legenda ook mogelijk gemaakt. Deze PDOK service bevat een style waaraan de legenda gekoppeld is. Kies je de style niet toont de legenda ook niet. De styles werken dus nauw samen met de legenda afbeeldingen. Probeer het maar eens, zonder style keuze kan je geen legenda tonen uit de service!
...
{% if verwijzingnaarexternplan %}{{ verwijzingnaarexternplan }}
{% endif %}
Let op:
Dit lijkt overbodig omdat het veld ook leeg getoond wordt zonder deze toevoegen, echter bij datums is een niet gevuld datum de datum van vandaag. Dat is onjuist en dit stukje TWIG code zorgt er dan voor dat de datum niet getoond wordt.
...
{{ verwijzingnaarexternplan ? (verwijzingnaarexternplan) : 'Onbekend' }}
Voorbeeld 5: Het attribuut en de waarde verbergen als het veld leeg is
...
<p><strong> Extern plan: </strong>{{ verwijzingnaarexternplan }}</p>
{% endif %}
Voeg de kaartlaag “Dummy container foto” toe.
Begin met de WMS service en voeg daar een kaartlaag uit toe.
...
Open de themakaart en bekijk het resultaat van de feature informatie configuratie, dat ziet er ongeveer zo uit:
 | foto: Je ziet dat het foto veld van deze kaartlaag gevuld is met tekst, deze tekst is niet alleen een hyperlink naar de foto. Het bevat ook de fotonaam. Op deze manier kan je in Onemap meerdere foto’s toevoegen aan een veld. |
...
{# Plaats onderstaand blokje met instellingen boven in de feature info #} {# Vervang veld fotos door het veld dat de foto-url's bevat. #} {% set foto_arr = foto|split(';') %} {# Pas breedte aan indien nodig. 306px past goed bij standaard feature info in zijbalk. #} {% set container_width = '306px' %} {# Pas ook dit aan naar smaak. #} {% set thumb_height = '100px' %} <p>Container_ID: {{ container_ }}</p> <p>Container_afvalfractie: {{ containe_6 }}</p> <p>Geinspecteerd: {{ containe_3 }}</p> <p>Status: {{ status }}</p> {# Plaats deze div op de plek waar de foto's getoond moeten worden. #} <div style="width:{{container_width}};display:flex;flex-wrap:wrap;"> {% for foto_string in foto_arr if foto_string %} {% set foto_parts = foto_string|split('|') %} {% set foto_url = foto_parts[1] %} <a target="_blank" href="{{foto_url}}" style="margin:0.3rem;min-width:46%;height:{{thumb_height}};background-image:url({{foto_url}});background-size:cover;background-position:center"></a> {% endfor %} </div> <p>[[[Details]]]</p> <p>Containertype_volume_m3: {{ containe_15 }}</p> <p>Containertype_gewicht_kg: {{ containe_16 }}</p> <p>Container_datum_creatie: {{ containe_7 }}</p> <p>Container_datum_plaatsing: {{ containe_8 }}</p> <p>[[[Locatie]]] Straat: {{ bag_adre_8 }}</p> <p>Nummer: {{ bag_adre_9 }}</p> <p>Postcode: {{ bag_adre12 }}</p>{{ status }} |
 Let op! Ook zit er in deze feature informatie configuratie 2 zelf aangemaakte tabjes. Hier boven zie je Details en Locatie, waarin de feature informatie in onderverdeeld is. Deze tabjes kun je zelf definiëren met de volgende TWIG code: [[[Naam]]] |
...
Let op! Als je met de Onemap app features registreert en daarbij foto’s toevoegd zal de Onemap app deze volgens deze standaard opslaan. Dan is dit de manier om al deze foto’s te tonen in de feature informatie.
Als je zelf een edit laag wil maken en een paar containers wil bewerken, dan kun je deze fotonamen gebruiken.
...
Service | PDOK BAG Terugmeldingen (WMS) |
Laagnaam | BAG Terugmeldingen |
Titel | BAG Terugmeldingen |
WFS | Niet invullen! |
Feature informatie (TWIG) | <p><strong> status: </strong>{{ status }}</p> <p><strong> tijdstipStatuswijziging: </strong>{{ tijdstipStatuswijziging }}</p> |
Voeg de kaartlaag toe aan de kaart.
Open de themakaart en bekijk het resultaat van de feature informatie configuratie, dat ziet er ongeveer zo uit:
...
Vervang in de feature informatie de tijdstipStatuswijziging variabele door een van de bovenstaande voorbeelden en bekijk het resultaat. Dat moet er dan ongeveer zo uit zien.
Voeg de kaartlaag “Kamerverhuur” toe.
Begin met de WMS service en voeg daar een kaartlaag uit toe.
...
Voeg de kaartlaag toe aan de kaart.
De kaart ziet er dan voor “Kamerverhuur” ongeveer zo uit.
...
Feature informatie (TWIG) | <p><strong>woonplaats: </strong>{{ woonplaats }}</p> <p><a href="https://{{ woonplaats }}.nl">Klik hier en bekijk de website van de woonplaats</a></p> |
Probeer de link maar uit in de Onemap themakaart.
...