Genereren van een widget

Een widget is een actief, inbouwbaar onderdeel van een webpagina dat uit een kleine applicatie bestaat (een 'slimme bouwsteen'), in het geval van WGP bestaat de widget uit een interactieve kaart die je kunt raadplegen. Net als een viewer vormt een widget een van de configureerbare kaartpresentaties van een WGP-kaart. In WGP Beheer is een aparte optie in het Presentatie-menu beschikbaar om de configuratie van een widget in te beheren:

Je kunt echter van elke presentatie (ook Viewer en Mobile) een widget genereren. Je kunt ook een bestaande presentatie kopiëren en die voor de widget aanpassen (gebruik hiervoor de knop Opslaan als). Dit laatste wordt in dit onderdeel beschreven: we kopiëren de viewer-instellingen en passen die aan zodat de kaart eenvoudiger wordt en minder opties bezit.

Wanneer je in WGP Beheer een kaart hebt geopend, bijvoorbeeld 'Mijn eerste kaart', kun je op de volgende manier een widget voor deze kaart samenstellen:

1. Kopieer de instellingen van de Viewer-presentatie naar de nieuwe presentatieconfiguratie (een profiel) die je voor de widget wilt gebruiken:

   De beschrijving gaat er vanuit dat de viewer-presentatie al is geconfigureerd zoals beschreven in onderdeel Configureren van de viewer.

2. Klik Viewer in het Presentatie-menu (onderdeel Themakaart-menu).
   
   
3. Druk op de knop Opslaan als.
   
   
   
   
4. Geef in het popup-venster dat verschijnt het nieuwe presentatieprofiel een naam, bijvoorbeeld 'Mijn eerste widget'. 
   
   
5. Klik Opslaan. Het popup-venster verdwijnt en de nieuwe presentatie verschijnt in het Presentatie-menu. De presentatie is meteen ook geselecteerd.
   
   
   
   
6. Selecteer tabblad Algemeen en wijzig daar de instellingen op de volgende manier:
   1. Verberg de onderbalk (optie Gehele onderbalk uitschakelen).
   2. Geef bij Overzichtskaart aan dat je geen overzichtskaart in de widget wilt hebben.
   3. Schakel bij Menu-indeling het hoofdmenu van de kaart uit (optie Verbergen hoofdmenu in presentatie).
      
      
7. Selecteer tabblad Werkbalken en schakel daar de werkbalken Selecteren, Meten en Schetsen uit.
   
   
8. Selecteer tabblad Feature-info en schakel daar Type 'Overlay' in. Maak hier ook het formaat van het feature-infovenster wat kleiner.
   
   
9. Geef op tabblad Afmetingen bij Breedte en de Hoogte van de Widget op, bijvoorbeeld 400 x 300 pixels.
   
   
10. Schakel op tabblad Geavanceerd > Informatiescherm het informatiescherm uit (vinkje weghalen bij optie Toon informatiescherm).
    
    
11. Sla de presentatie op. Klik boven de tabbladen op Opslaan.
    
    
12. Publiceer de kaart. Klik in de rechter bovenhoek van het scherm op Publiceren. Alleen gepubliceerde kaarten zijn in de kaartpresentaties te zien, dat geldt ook voor de widget.
    
    
13. Klik op pagina Opties op de knop Genereren (boven de tabbladen met de presentatie-instellingen). Een venster Code verschijnt met daarin de code van de gegenereerde widget.
    
    
    
    De widget is als Javascript-, IFrame- of Object-element beschikbaar. Door een van deze elementen in de HTML-code van een webpagina op te nemen, voeg je de interactieve WGP-kaart er aan toe.
    
    
14. Klik op Toon en controleer hoe de widget eruit komt te zien.
    
    
    
    
15. Keer terug naar het vorige venster (klik Terug naar code).
    
    

16. Kopieer de widget-code van het Object-, iFrame- of Javascript-element en plak die in de HTML-code van een webpagina. Hieronder staat een voorbeeld van een HTML-tabel  met een logo in de eerste kolom en de widget-code van het object-element in de tweede kolom: 

    <table>  
      <tr>    
        <td><img height="300" alt="Logo WGP" src="http://server.webgispublisher.nl/user/uploads/logos/wgp-logo-middel.png" /></td>    
        <td><object width="400" height="300" data="http://server.webgispublisher.nl/Viewer.aspx? map=mijn-eerste-kaart& profileName=Mijn eerste widget"></object></td>  
      </tr>
    </table> 

Vorige versie van deze pagina: Versie 4.6.0