giatschool / webgis.nrw

WebGIS of NRW designed for education and information purposes

webgis.nrw

The webgis.nrw is an open platform for modern teaching in NRW.

Getting Started

To run the webgis.nrw on your local machine, do the following steps:

Install

yarn install

Run Webpack and its server

• yarn dev
• yarn start

The application is now running at localhost:8080

Deployment

Run yarn prod to create a production version of the webgis.nrw The output is in the dist folder. You can serve the files by e.g. using serve: serve dist

Built with

• MapboxGL Map
• Bootstrap Styling
• Webpack Module Bundler
• multiple, smaller (but very useful) dependencies
• and - of course - ❤️

Authors

The project is currently maintained by @nstef, @felixerdy, @robarto and @bgunt

License

This project is licensed under the MIT License - see the LICENSE.md file for details

---

Ergebnisse Hackathon

Titel

WebGIS für Schulen

Ziele

• Einfache webGIS-Anwendung für Unterrichtsfächer und -themen
• Einbindung von Open Data Daten zu verschiedenen Themen
• vorkonfigurierte Karten mit aktuellen, offenen Daten

Zielgruppe

• Lehrer
• (Schüler)

Eingesetzte Technologien

• Mapbox
• ldproxy für Geometriedaten (Gemeinden)

Datengrundlage

• Open Data NRW - Themantische Daten
• Amtliche Geobasisdaten für Gemeindegeometrien
• Copernicus

Arbeitsschritte und -pakete

GUI

• Timeslider
• Basemaps dynamisch (Zoomlevel)
• Eigenen Datensatz integrieren

Datenaufbereitung

• Aufbereitung der CSV-Dateien ** Reduzierung des Attributumfang ** Ergänzung der Jahreszahlen
• Datenumfang: ** ...
• Datentransformierung nach JSON

Todo (nach Hackathon)

• Duale Map für Vergleiche

webgis.nrw's Issues

Freie Dateneingabe

Möglichkeit zur direkten Eingabe eigener Daten und selbstständige Wahl von Klassen.

"Zurücksetzen" Button

Button zum Zurücksetzen der Karte

Add automatic scroll through time slider

title says it all.
use a "play" button

the basemap behind TOP is not TOP (I believe)

Export Timeslide as GIF

Follow up of #13

Themen hinzufügen (amtliche Schuldaten und SchulabgängerInnen ohne Hauptschulabschluss)

Datensatz der SchulabgängerInnen ohne Hauptschulabschluss in % am Ende des jeweiligen Schuljahres. Online unter:
https://open.nrw/dataset/mags-schulabgaenger-innen-ohne-hauptschulabschluss-nach-regionen-1512032721020

Eckdaten der Amtlichen Schuldaten. Jahre 2012 - 2017. Aus den Daten kann beispielsweise die Klassengröße errechnet werden, oder das Betreuungsverhältnis von Lehrer - SuS.
Online unter:
https://open.nrw/dataset/msb-eckdaten-der-amtlichen-schuldaten-nrw-1502971574969

Implement new file structure in CSV Parser

There is a new file structure that adds useful metatada. A sample .json file will look like this:

{
  "title": "Anteil Arbeitslose",
  "unit": "%",
  "data": [
    {
      "RS": "5",
      "AGS": "5",
      "GEN": "Nordrhein-Westfalen",
      "data": {
        "1998": "11.7",
        "1999": "11.2",
        "2000": "10.1",
        "2001": "9.6",
        "2002": "10.1",
        "2003": "10.9",
        "2004": "11.2",
        "2005": "13.2",
        "2006": "12.6",
        "2007": "10.6",
        "2008": "9.4",
        "2009": "9.9",
        "2010": "9.6",
        "2011": "8.9",
        "2012": "8.9",
        "2013": "9.2",
        "2014": "9.1",
        "2015": "8.8",
        "2016": "8.5"
      }
    },
    {
      "RS": "51",
      "AGS": "51",
      "GEN": "Düsseldorf, Regierungsbezirk",
      "data": {
        ...
      }
    },
    ...
]
}

The addition of metadata has to be implemented in the CSV parser for further use

Add Legend

Legende irgendwo darstellen

Tutorial

Ein kurzes Tutorial zum Umgang.

add information to "openStreetMap Karten" in Einstellungen

add a simliar information to the one about Amtliche Grundkarten with a URL and the source OpenStreetMap contributors....

Webpack should pack everything (vendored js and css) to one package

Also consider the use of babel-env and css processing like cssnano, autoprefixer etc
Also look at things like tree shaking and other optimizations

Improve Export Menu

Add Text fields with captions "Titel:" and "Author(s):"
In the PDF change title, add authors at the bottom, delete year.
Change "Karte:" to "Grundkarte" in the bottom.

Bug: Basemap caption is always "Mapbox", should change to the map chosen (i.e.), "Digitale Topografische Karte"

I believe (c) openStreetMaP contributors needs to be cited, if MapBox is a basemap? please, check

Add thrid export type: GIF (same as PNG, but scroll through all time frames available for the chosen topic ;))

Themen- & Klassenmenü zu groß

Bei kleinem Bildschirm (11,6", 1366x768) passen die Menüs nicht ganz aufs Bild.

english error text

alert with english text opens when selecting a classification method:

Add print functionality

create a template for maps:

Title
Map
Legend

Add diagram layer creator

Add a accordion: "Diagramme hinzufügen"

Show data with checkboxes so the user can choose which data should be included into diagrams.

create a pie diagram from the data. (only for percentage data)

add Basemap type to Legend

Below the classes bar in legend add the Caption "Grundkarte:" and then the type of Map chosen

home button

add a new button or use the webgis.nrw caption on the bottom left to get back to the start screen.

maybe webgis.nrw => startscreen and a home/nrw button for full extend (while all preferences and styligns stay the same?)

population is null

error in the dataset?

Menüpunkt "Statistiken"

Umbenennen in "Karte" oder "Karteneinstellungen" oder "Klassen"

Dort ein etwas netteres Menü anbieten. Ähnlich wie in webgis westfalen oder profi-style wie in arcGIS online.
Die Farben sollen hier auch rein.
Außerdem noch Manuelle Klasiifikation anbieten.
Die jeweiligen Klassifikationen über Mouseover oder mit "i" erläutern (s. webgis westfalen)

Menüpunkt "Eigene Daten"

kann eigentlich weg und als Unterpunkt in Themen rein. Wie auch immer das dann aussieht.

Mein Vorschlag wäre ein CSV-Template zum Download anzubieten, das dann vom Nutzer gefüllt werden kann und wieder hochgeladen werden könnte...

Impressum

Angela zur Direktorin machen.

Add Modal Text

Add Classification Toolbox

Zum erstellen von Choroplethenkarten

Automatisch:
Equal Interval
Qunatile
Standard deviation

Manuell

ähnlich zu www.webgis-westfalen.de

Hinzufügen anderer Darstellungsweisen.

Eine Möglichkeit zur Darstellung statistischer Daten in Form von Tabellen und Diagrammen wäre schön.

map colors on starting page do not correspond with legend

Serve Website via HTTPS only

Upgrade HTTP automatically

Add Opacity Slider

für die Layer einen Slider mit Transparenz hinzufügen

add historische karten to base maps

https://www.bezreg-koeln.nrw.de/brk_internet/geobasis/webdienste/geodatendienste/index.html

add the followingg WMS:

1801 – 1828 Tranchot: https://www.wms.nrw.de/geobasis/wms_nw_tranchot
1836 – 1850 Uraufnahme: https://www.wms.nrw.de/geobasis/wms_nw_uraufnahme
1881 – 1883 Fürstenthum Lippe: https://www.wms.nrw.de/geobasis/wms_nw_lippe
1891 – 1912 Neuaufnahme: https://www.wms.nrw.de/geobasis/wms_nw_neuaufnahme

TK25 1936-1945: https://www.wms.nrw.de/geobasis/wms_nw_tk25_1936-1945
DGK5 – historisch: https://www.wms.nrw.de/geobasis/wms_nw_dgk5

Changes in Timeslider

Please add min year on the left side of time slider and max year on the right side.
optional: while scrolling add the actual year above the "button"

Create help page

"Klassen" Farbanpassung

Hier wäre neben den Farbcodes eine Palette an Farben oder ein Spektrum zum Auswählen cool.

improve legend / title and add a second one in dual/split map view

in Dual/Split view both maps need a title and legend.
the window should be a bit smaller, if possible.

do you get feedback on the scale/type of the basemaps from geobasis.nrw WMS?

It would be great to see, what kind of map is displayed on each zoom level for DTK and have it as a caption in the legend.

"Übersichtskarte"
"Deutsche Topographische Karte 1:50.000"
"Deutsche Grundkarte 1:5000"
... there are more...

Document and enhance csv parser

The parser should be able to read the csvs containing the "gemeindeschlüssel" from any csv.

Non standard ldproxy instance

The app uses a non-standard ldproxy instance.

Decide if we keep pulling data from it or if its possible to use the standard ldproxy instance https://www.ldproxy.nrw.de/kataster/

@boehmesven should be able to help?!

when changing between maps in split/dual view the transperency slider is not adapting

when puting one map on full transparency and changing to the second map, the slider shows still full transparency, while the map is not transparent.

Thema hinzufügen

Hinzufügen des Themas: Bruttoinlandsprodukt (BIP) je Einwohner nach Regionen

Datensatz dazu:
https://open.nrw/dataset/mags-bruttoinlandsprodukt-bip-je-einwohner-nach-regionen-1512025698452

Menüpunkt "Statistische Daten"

Umbenennen in "Themen"

Schonmal überlegen, wie eine Gruppierung von Themen möglich ist:

Also
Demographie:
Soziogeographie:
Wahlergebnisse:

und darunter dann unterthemen.

Menü Karteneinstellungen

Name des Menüpunktes: Einstellungen

Im Fenster sind Texte und Buttons grötenteils zu weit links, direkt am Rand. Hier sollte ein Abstand eingehalten werden von ein paar Pixeln. gilt für ALLE Menüs.

Basemap => Grundkarte

• überschrift zu den kryptischen Layernamen TOP, DTK, DOP: "Amtliche Grundkarten:"

• TOP, DTK und DOP sollten mit mouseover erläutert werden, was das ist. Oder man macht ein "i" wie im WebGIS WEstfalen (da mouseover auf touch ja schlecht ist ;))

• zu den drei amtlichen Diensten könnte ein vierter button: "weiß".

• überschrift zu den openstreetmap layern: "Grundkarten aus openStreetMap" bzw. wo sind da die Satellitenbilder her???

• Farbschema sollte komplett zu den thematischen Karten wechseln.

• Transparenz ok.

• Da es sich bei einigen Layern um vektortiles handelt, könnte man, sobald diese aktiv sind eine checkbox anbieten für "Beschriftungen in den vordergrund" o.ä.

• Checkbox, Legende an/aus

Zoom-Level eins höher

Daten hinzufügen

Gewünschte Datenreihen der Lehrkräfte

• Umwelt/Klimawandel
• Migration
• Pendler/Verkehrsaufkommen
• Sozial- & Altersstruktur
• Naturgefahren (z.B. Hochwassergefahr)
• Energiegewinnung (z.B. Windraddichte)
• Sektoren

should legend color correspond to level of transparency?

Create Legal notice page

• Standard legal notice page
• Document all the data sources

Pop-ups bei Klick

Pop-up Fenster beim Klick auf die Karte mit:

• Wert

• (Bilder der Region zur Verdeutlichung)

Add Dual Map View

vorbild webgis-westfalen.de

Maps sollten stets gleichen Ausschnitt zeigen

Can't activate TOP when blank map was selected

To reproduce:

Select 'blank' map -> try to activate TOP again.

Additionally to this, see #57

Typo

Platform -> Plattform (modal-body)

copyrights on the bottom right behave unexpected

sometimes they disappear, sometimes they are there.

expected behaviour:
if openstreetmap basemaps on: captions "c MapBox, c openStreetmap, Improve this Map"
if other basemaps on: maybe you can find out what to put there, based on the basemap

Add WMS-Basemaps from NRW

Add buttons below MapBox Basemap Buttons.

"TOP - Topographische Karte BKG"
Web Map Service (WMS): http://sgx.geodatenzentrum.de/wms_topplus_web_open
Layer: web, web_grau
Quelle: Bundesamt für Kartographie und Geodäsie

"DTK - Digitale Topographische Karten"
https://www.wms.nrw.de/geobasis/wms_nw_dtk
Layer: nw_dtk_col, nw_dtk_pan
Quelle: GEObasis.nrw

"DOP - Digitale Orthophotos" (am besten mit Overlay-WMS zusammen nutzen!)
https://www.wms.nrw.de/geobasis/wms_nw_dop20
Layer; nw_dop20
Overlay zum DOP
https://www.wms.nrw.de/geobasis/wms_nw_dop_overlay
Layer: WMS_NW_DOP_OVERLAY
Quelle: GEObasis.nrw