...
De viewer gebruikt de javascriptversie van Twig, genaamd TwigJS (of twig.js). De javascriptversie probeert zo compatibel mogelijk te zijn met de PHP-versie, maar het kan zijn dat niet alle mogelijkheden uit de PHP-Twig-documentatie ook in de viewer werken. Hier kom je pas achter als je het probeert.
...
Bepalen welke velden aanwezig zijn in een kaartlaag
...
Splitsen van strings
...
Lookup tables
...
Datum opmaken
...
| Table of Contents | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Voorbeelden feature info
Bepalen welke velden aanwezig zijn in een kaartlaag
...
| Code Block |
|---|
{% set urls_array = urlstring | split(';') %}
{% for url in urls_array %}
<p>Link: <a href="{{url}}" target="_blank">Linktekst</a></p>
{% endfor %} |
Laatste deel van url tonen
Een variatie op het splitsen van strings is het laatste deel van een url tonen. Dit kan door te splitten op '/' en dan het laatste deel te tonen.
| Code Block |
|---|
{{url | split('/') | last}} |
Dit kan handig zijn om een link op te maken die alleen een bestandsnaam toont in de feature info, maar wel linkt naar het volledige pad.
| Code Block |
|---|
<a href="{{url}}" target="_blank">{{url | split('/') | last}}</a> |
Lookup tables
Als een veld een numerieke of stringwaarde bevat met een betekenis, wil je in deze in feature info vertalen naar een voor de gebruiker begrijpelijke tekst. Een handige manier om dit te doen is door javascript objects te definiëren waar de keys de waardes zijn en de values de vertalingen.
...
| Code Block |
|---|
{% set labels = {
1: 'Een',
2: 'Twee',
3: 'Veel'
} %}
{# Gebruik enkele quotes als de keys stringstrings zijn #}
{% set colors = {
'#FF0000': 'red',
'#008800': 'darkgreen',
'#0000FF': 'blue'
} %}
{# Gebruik ?? om defaults op te geven als het attribuut leeg is #}
{% set typeLabel = labels[type] ?? '?' %}
{% set typeColor = colors[type] ?? '#ccc' %}
<h3>Type</h3>
<p style="color:{{typeColor}};">{{typeLabel}}</p> |
...
Noot: de opties hierboven zijn voor de php-versie van twig. Het kan zijn dat sommige opties (met name localization) formats niet werken in de viewer. De optionele timezone parameter in die documentatie wordt niet ondersteund in Onemap.
Alleen gevulde velden opmaken
...