Polygonen

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 ideeën op een kaart en ideas map.

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: https://geojson.io/. 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:

omcirkeld gebied in geojson

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.

Bewerken icoon

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

gekozen gebied en JSON code

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

voorbeeld json code

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!

Overzicht van polygonen in de admin panel

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.

Aanmaken nieuwe polygon

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

vlak waar je de JSON code kan plakken

• 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.