codeforruhrgebiet/speed-cam-map

📸 Diese Karte visualisiert die Straßen, auf denen die Stadt Essen mobile Geschwindigkeitskontrollen durchführt. Die Daten werden durch das Ordnungsamt der Stadt Essen bereitgestellt.

speed-cam-map's Issues

Browser-Kompatibilität / JavaScript

Zurzeit werden ein paar ES6 Features verwendet.

Könnte jemand Babel einrichten und eventuell nötige Polyfills einbinden?

Info-Overlay

Ein kleines Informations-Overlay, dass die Hintergründe des Projekts und Code For Ruhrgebiet erklärt.

Setup / Build-Prozess aufräumen

Die initiale Projektstruktur stammt vom Yeomen Leaflet Generator. Der sieht vor, dass die ganze Entwicklung in /app stattfindet. Der Gulp Build Task fügt dann Skripte zusammen, kompiliert SCSS-Dateien und kopiert alles in /dist. Dadurch ist das Projekt auch nur unter https://codeforruhrgebiet.github.io/speed-cam-map/dist/ zu erreichen. Schöner wäre es, wenn die index.html im Projekt-Root liegt.

TLS Zertifikat ungültig

Das TLS Zertifikat scheint im Uberspace nicht (richtig) hinterlegt zu sein.

curl -Iv https://blitzerkarte.openruhr.de

*   Trying 2a00:d0c0:200:0:b9:1a:9c:38:443...
*   Trying 185.26.156.57:443...
* Connected to blitzerkarte.openruhr.de (2a00:d0c0:200:0:b9:1a:9c:38) port 443 (#0)
* ALPN, offering h2
* ALPN, offering http/1.1
* successfully set certificate verify locations:
*  CAfile: /etc/ssl/cert.pem
*  CApath: none
* (304) (OUT), TLS handshake, Client hello (1):
* (304) (IN), TLS handshake, Server hello (2):
* (304) (OUT), TLS handshake, Client hello (1):
* (304) (IN), TLS handshake, Server hello (2):
* (304) (IN), TLS handshake, Unknown (8):
* (304) (IN), TLS handshake, Certificate (11):
* (304) (IN), TLS handshake, CERT verify (15):
* (304) (IN), TLS handshake, Finished (20):
* (304) (OUT), TLS handshake, Finished (20):
* SSL connection using TLSv1.3 / AEAD-CHACHA20-POLY1305-SHA256
* ALPN, server accepted to use h2
* Server certificate:
*  subject: CN=*.uberspace.de
*  start date: Mar 22 15:36:46 2022 GMT
*  expire date: Apr 23 15:36:45 2023 GMT
*  subjectAltName does not match blitzerkarte.openruhr.de
* SSL: no alternative certificate subject name matches target host name 'blitzerkarte.openruhr.de'
* Closing connection 0

Eigene Karten-Tiles

Ich finde ja die Tiles von https://buergerbautstadt.de/ super schön und schlicht 💙
Kennt sich da jemand mit aus und könnte sowas für die Blitzerkarte machen?

Wochenendtage abfangen

Am Wochenende wird nicht geblitzt, ergo haben wir dafür auch keine Daten.
Wir sollte das abfangen und dem Nutzer eine Meldung anzeigen.

Daten vom offiziellen Datenportal der Stadt laden

Mittlerweile gibt es das Datenportal der Stadt Essen. Ich habe gerade gesehen, dass die Geschwindigkeitsüberwachungen auch zu finden sind:

https://opendata.essen.de/dataset/geschwindigkeits%C3%BCberwachungen-2020

Twitter-card & OG-Tags support

Damit die Karte auch hervorragend aussieht, wenn man sie auf Facebook oder Twitter teilt, sollten wir die twitter-cards und die og-tags vollständig unterstützen:

https://cards-dev.twitter.com/validator
https://developers.facebook.com/tools/debug/

Keine Daten-Meldung kommt nicht beim Seitenaufruf

Wenn es für den aktuellen Tag keine Daten gibt, wird beim Aufruf der Website (standardmäßig wird ja der aktuelle Tag geladen) die Meldung oben nicht angezeigt, erst bei einem Wechsel des Tages wird ggf. die Meldung angezeigt.

Auswertung im Zeitverlauf / Heatmap

In der Zwischenzeit haben wir einige Wochen an Daten gesammelt, sodass es interessant sein könnte, die Daten einmal zu aggregieren und der WebApp eine Heatmap-Ansicht hinzuzufügen. Diese könnte zum einen den Gesamtzeitraum berücksichtigen, zum anderen wären aber auch Auswertungen je Wochentag denkbar.

Hosting der Karte

Die Karte soll über https://blitzerkarte.openruhr.de erreichbar sein.

Geojson GZIP-komprimieren

Die Geodaten der Straßen sind aktuell noch relativ groß (schwanken zwischen 350 KB und 800 KB). GZIP-Komprimierung reduziert die Größe erheblich (im Test z.B. vom 496 KB auf 78 KB).

Das sollten wir mit in den Build-Prozess aus #12 aufnehmen: z.B. unkomprimiertes Geojson in /src/data, komprimiertes Geojson in /data.

/CC @wumble

Ladeanimation einblenden, wenn Straßendaten geladen werden

Navigation verbessern

Zurzeit ist es etwas mühsam, sich durch die einzelnen Tage durchzublättern, da immer wieder der Kalender geöffnet werden muss. Eine Vor- / Zurück-Navigation könnte das für den Nutzer erheblich vereinfachen.