Openstad
  • Introductie
  • Projectmanagement
    • Algemene kaders
    • Participatieprocessen
      • Voorkeurspeiling
      • Wedstrijd
      • Participatief begroten
  • Digitale tools
    • OpenStad CMS basis
      • Inloggen
      • De bouwstenen
      • Live in-page editing
      • Bewerkmodus (Draft)
      • Versiebeheer
    • Participatieprocessen
      • Voorkeurspeiling
      • Wedstrijd
      • Participatief begroten
    • How-to's
      • Nieuwe site aanmaken
      • Nieuwe pagina's toevoegen
      • Pagina's vullen
      • Inzendingen uploaden
      • Inzendingen weergeven
      • Filteren en categoriseren van inzendingen
      • Likes verzamelen
      • Reacties en argumenten
      • Interactieve kaart
      • Polygonen
      • Newsletter
      • Moderatie
      • Unieke stemcodes
      • Stemmen
      • Gebruikersbeheer
      • Gebruikers anonimiseren per website
      • Inzendingen exporteren en importeren
      • Vormgeving & logo aanpassen
      • E-mail notificaties
    • Widgets referentie
      • Accordeon
      • Agenda
      • Arguments
      • Columns
      • Slider
      • Counter
      • Date countdown bar
      • Ideas map
      • Ideeën op een kaart (Kaart applicatie)
      • iFrame
      • Image
      • Info bar
      • Link or button
      • List
      • Like
      • Location
      • Participatory budgeting
      • Keuzewijzer
      • Keuzewijzer resultaten
      • Rich text
      • Resource admin buttons
      • Resource overview
      • Resource form
      • Resource representation
      • Resource raw widget
      • Resource image
      • Speech bubble
      • Share widgets
      • Title
      • User remove form
      • Video upload
      • Video 3d party
      • Vorige volgende knoppen
    • Algemeen
      • Terminologie
      • Waarschuwingen
      • Adminpanel
      • Adminpanel (beta)/React admin
      • Page Settings
      • OpenStad hoofdmenu
        • Tags
        • Global
        • Open palette
        • Clear cache
        • Pages
        • Users
        • Images
        • Files
        • Workflow
        • Logout
      • Styles for the container
      • Interactieve kaart thema iconen
      • Inzendingen (ideas)
      • Artikelen (articles)
      • Gebruikers (users)
      • Authenticatie methodes
      • Rollen
      • URL's
      • Testen
      • Raw
      • Resources
  • Technical documentation (English)
    • Architecture
    • Getting started
    • Deploying to production
      • Kubernetes
      • Installing on Digital ocean with Kubernetes
      • Backups
      • Deploying a custom image
    • Frontend: CMS
      • Apostrophe CMS
      • The Openstad version of ApostropheCMS
      • Using openstad-components
      • Configuration
    • Frontend: Components
      • Use and configuration
      • Publishing
      • Components
        • Choices Guide
        • Ideas On Map
    • Api
      • Site
      • Idea
      • Argument
      • Vote
      • Article
      • Newsletter Signup
      • User
      • Auth
      • Resource & Data permissions
      • Pagination and search
      • Email settings
      • Database migrations
      • API configuration
    • oAuth2
      • Oauth2 configuration
    • Management panel
      • Management Panel configuration
    • Image server
    • Contributing & versioning
    • Git flow
    • Roadmap
Powered by GitBook
On this page
  • Gebied tekenen om JSON code te maken
  • De polygoon (JSON) code toevoegen aan het OpenStad CMS.
  • Via global de juiste Polygon selecteren voor jouw site
  1. Digitale tools
  2. How-to's

Polygonen

PreviousInteractieve kaartNextNewsletter

Last updated 3 years ago

Een polygon voeg je toe om de grenzen van een buurt/gebied/stad aan te geven. Dit wordt getoond in de widgets die een kaart gebruiken, bijvoorbeeld en .

Gebied tekenen om JSON code te maken

Bepaal eerst wat de grenzen van het gebied zijn. Gebruik, indien nodig, kaarten of een database van de gemeente om de juiste grenzen te vinden. Vervolgens moet je die grenzen aangeven in JSON code. Dat werkt als volgt:

  1. Ga naar de website: . Op deze website ga je het gebied natekenen om de juiste code te kunnen downloaden.

  2. Klik rechtsboven in de kaart op het vijfhoekige icoon

Kaart tekenen

3. Nu kun je door te klikken het gebied omcirkelen waar het om gaat. Eindig altijd door het beginpunt aan te klikken en hiermee de gebiedsgrens te ‘sluiten’. Een omcirkeld gebied ziet er zo uit:

4. Controleer of het gebied klopt. Wanneer je niet tevreden bent met het gebied klik je op het bewerken icoon. Je kunt dan de stippen die je hebt gezet aanpassen.

5. Tevreden? Kopieer dan alle (JSON) code uit het rechter tabblad.

6. Die code ziet er zo uit (maar is waarschijnlijk langer):

De polygoon (JSON) code toevoegen aan het OpenStad CMS.

  1. Ga naar je site in het OpenStad CMS en ga naar het admin panel door /admin achter de URL te zetten.

  • Als je nog niet ingelogd bent als admin of editor, kun je dat nu doen.

  • Klik links in het admin panel op de tab ‘Polygonen’

  • Nu zie je een lijst met bestaande polygonen. Let op: Verwijder niks uit deze lijst, want dan zijn de polygonen ook niet meer bruikbaar voor andere websites!

2. Klik rechts bovenin op ‘create’ om jouw Polygon toe te voegen met de code die je gekopieerd hebt.

  • Kies een herkenbare naam voor de Polygon. Bijvoorbeeld [Stadsdeel] - [Wijknaam] → Zuid - Buitenveldert, Zuidas.

  • Scroll naar beneden en plak jouw ‘JSON code’ in het zwarte vlak.

  • Klik op ‘Save’ en jouw Polygon is opgeslagen.

Via global de juiste Polygon selecteren voor jouw site

Om nu de juiste Polygon te selecteren voor verschillende widgets, ga je naar Global > Map > en selecteer je bij ‘Selecteer een polygon’ de naam van de polygon die je zojuist toegevoegd hebt.

omcirkeld gebied in geojson
Bewerken icoon
gekozen gebied en JSON code
voorbeeld json code
Overzicht van polygonen in de admin panel
Aanmaken nieuwe polygon
vlak waar je de JSON code kan plakken
ideeën op een kaart
ideas map
https://geojson.io/