Widgets genereren

Owned by Rieks van der Straaten (Unlicensed)
Last updated: Oct 16, 2019Version comment

Een widget is een actief, inbouwbaar onderdeel van een webpagina of een andere grafische gebruikersinterface dat uit een kleine applicatie bestaat (een 'slimme bouwsteen') voor een veel gebruikte functionaliteit, bijvoorbeeld een invulformulier, een kalender of iets om een filmpje in af te draaien. In het geval van WebGIS Publisher (WGP) slaat de term widget op een bouwsteen van een webpagina die uit een interactieve kaart bestaat waarop je in of uit kunt zoomen, waarvan je het zichtbare gebied kan verschuiven, waar je informatie over de afgebeelde kaartobjecten kunt opvragen door erop te klikken of waarmee je een andere kaartbewerking kunt uitvoeren. Kortom, de widget bevat alle functies om de kaart te bekijken of te bevragen die ook in de WGP Viewer beschikbaar zijn (zie de documentatie van WGP Viewer).

In WGP kun je van een kaartpresentatie de code van een widget laten aanmaken door in het Themakaart-menu een kaartpresentatie te selecteren (presentatie Viewer, Mobile of Widget) en vervolgens op pagina Opties op de knop Genereren te klikken. Op pagina Code verschijnt daarna de code van de widget als iFrame- of Javascript-element. Om de widget in een webpagina op te nemen kopieer je een van deze elementen in de HTML-source van de pagina.

Het <iframe>-element wordt door de meeste webbrowsers ondersteund en maakt deel uit van de specificatie van HTML 4.01 en XHTML 1.0 DTD. 

Hoewel van alle presentaties een widget kan worden gegenereerd, zijn vooral de standaard presentatie Widget en de eigen presentaties hiervoor bedoeld.

Je kunt op de pagina Opties voor een gepubliceerde themakaart op de volgende manier de code van een kaart-widget genereren:

  1. Kies in het Themakaart-menu onder Presentatie de een van de kaartpresentaties. Je kunt kiezen uit alle presentaties. De presentatie Widget is speciaal bedoeld voor het genereren van widget-code, maar de andere presentaties kun je daar ook voor gebruiken. De pagina Opties verschijnt.

  2. Klik hier op Genereren. 

    Knop Genereren

    Het popup-venster Code verschijnt, met de code van de kaartwidget als als iFrame-element of als JavaScript. De volgende afbeelding toont een voorbeeld:

    Vester Code

    De syntax van de code is als volgt, waarbij de configuratieparameters tussen driehoekige haken zijn gezet:

    <iframe allowfullscreen scrolling="no" scrolling="no" frameborder="0" style="margin: 0pt; padding: 0pt; width:<breedte>px; height:<hoogte>px; border: 1px solid #ccc;" 
src="https://<url wgp>/Viewer.aspx?map=<kaartnaam>&profileName=<presentatienaam>"></iframe>

<script src='https://<url wgp>/Viewer.aspx?map=<kaartnaam>&profileName=<presentatienaam>&<URL parameters>' language='javascript' id='wgpscript'></script>
  3. Klik op Toon om het resultaat te bekijken. Zo zal de widget eruit zien wanneer je de webpagina met de widget opent. Als het resultaat niet bevalt, kun je de widget met gewijzigde presentatie-instellingen opnieuw genereren. Klik op Code om van het voorbeeld weer terug te keren naar de widgetcode.

  4. Kopieer de iFrame- of Javascript-code en plak het in de HTML-code van de webpagina waarin je de widget wilt opnemen. Niet alle browsers ondersteunen alle gegenereerde code. 

    De widget toont de gepubliceerde versie van de kaart met de instellingen van de presentatie waarvan je de widget hebt gegenereerd.

Vorige versie van deze pagina: Versie 4.7.0

Versie 4.6.0