Pagina met code snippets voor de gevorderde EduGIS-gebruiker

Handige tools voor code en kaartlaag bewerking

https://mapshaper.org

https://jsonlint.com ⇒To format and validate your JSON, just copy + paste it below

https://jsonformatter.org ⇒ JSON Formatter and JSON Validator help to auto format JSON and validate your JSON text. It also provides a tree view that helps to navigate your formatted JSON data.

CSV Bulk Coordinate Converter — Upload & Convert | BulkConverter

geodatadownloader

https://geojson.io/next/

https://geojson.io/#map=2/0/20

 

geojson opties voor EduGIS via MapboxGL

“Paint”

Lijnen opmaken

Om een kaart met lijnen op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                  "line-color": "#000",
                  "line-width": 2}      

Punten opmaken

Om een kaart met punten op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                      "circle-radius": 4,
                      "circle-color": "darkblue",
                      "circle-stroke-color": "black",
                      "circle-stroke-width": 1
                    }      

“Style”

Vlakken opmaken

Om een kaart met punten op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                      "circle-radius": 4,
                      "circle-color": "darkblue",
                      "circle-stroke-color": "black",
                      "circle-stroke-width": 1
                    }      

Attributen hernoemen

Om een kaart met punten op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                      "circle-radius": 4,
                      "circle-color": "darkblue",
                      "circle-stroke-color": "black",
                      "circle-stroke-width": 1
                    }      

Informatie over de laag toevoegen

Om een kaart met punten op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                      "circle-radius": 4,
                      "circle-color": "darkblue",
                      "circle-stroke-color": "black",
                      "circle-stroke-width": 1
                    }      

Punten opmaken

Om een kaart met punten op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                      "circle-radius": 4,
                      "circle-color": "darkblue",
                      "circle-stroke-color": "black",
                      "circle-stroke-width": 1
                    }      

Credits / Brongegevens vermelden

Om een kaart met punten op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                      "circle-radius": 4,
                      "circle-color": "darkblue",
                      "circle-stroke-color": "black",
                      "circle-stroke-width": 1
                    }      

Tools / Knoppen toevoegen of verwijderen

Om een kaart met punten op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                      "circle-radius": 4,
                      "circle-color": "darkblue",
                      "circle-stroke-color": "black",
                      "circle-stroke-width": 1
                    }      

Punten opmaken

Om een kaart met punten op te maken kun je op deze manier de kleur en dikte bepalen.


"paint": {
                      "circle-radius": 4,
                      "circle-color": "darkblue",
                      "circle-stroke-color": "black",
                      "circle-stroke-width": 1
                    }      

WMS sjabloon

WMS-code om als kaartlaag in een mapconfig te plakken.


{
          "type": "wms",
          "title": "Radiation",
          "layerInfo": {
            
              "id": "309b1e2b-f2a5-4343-b6bc-cd3ace53cc0a",
              "type": "raster",
              "source": {
                "type": "raster",
                "tiles": [
                  "https://data.geo.be/ws/bcc/wms?REQUEST=GETMAP&SERVICE=WMS&VERSION=1.1.1&TRANSPARENT=true&LAYERS=globalsolarradiation_2085&FORMAT=image%2Fpng&STYLES=&SRS=EPSG%3A3857&BBOX={bbox-epsg-3857}&WIDTH=512&HEIGHT=512"
                ],
                "minzoom": 0,
                "maxzoom": 22,
                "bounds": [2.419278507190047, 49.48177860765665, 6.488459850048746, 51.527461414775594]
              },
              "metadata": {
                "wms": true,
                "title": "Global solar radiation - 2085",
                "abstract": "Summer and winter mean global solar radiation given in kWh/m²/day. The global solar radiations fields are available for the future target year 2085, which corresponds to the middle of the 30-year period 2071-2100, and for mean and high impact scenarios corresponding respectively to the 50th and 95th percentiles of the change factors.",
                "legendurl": "https://data.geo.be/ws/bcc/wms?REQUEST=GetLegendGraphic&SERVICE=WMS&VERSION=1.1.1&LAYER=globalsolarradiation_2085&FORMAT=image%2Fpng&STYLE=",
                "getFeatureInfoUrl": "https://data.geo.be/ws/bcc/wms?transparent=true&REQUEST=GETFEATUREINFO&SERVICE=WMS&VERSION=1.1.1&LAYERS=globalsolarradiation_2085&QUERY_LAYERS=globalsolarradiation_2085&FORMAT=image%2Fpng&STYLES=",
                "legendclipped": true
              }
            
          }
        }

Valuemap voor legenda opmaak

 


 "metadata": {
                  "title": "Aantal inwoners - Gemeenten",
                  "attributes": {
                    "translations": [
                      {
                            "name": "Inwonertal",
                            "translation": "aantal inwoners",
                             "valuemap": [
                                   [null, "geen gegevens"],
                                   [1000, "≤ 1.000", "<="],
                                   [10000, "1.000 tot 10.000", "<"],
                                   [50000, "10.000 tot 50.000", "<"],
                                   [250000, "50.000 tot 250.000", "<"],
                                   [99999999, "> 250.000", "<="]
                                          ]
                          }]},
                  "maplayeropen": false,
                  "userlayer": true,
                  "cansave": true
                },