Skip to content
Interactive public transport network map of Hagen
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
js
styles
LICENSE.md
README.md
android-chrome-192x192.png
android-chrome-512x512.png
apple-touch-icon.png
favicon-32x32.png
index.html
manifest.json

README.md

hst-svg-netzplan

Live unter https://d3d9.xyz/osm/hstsvg/ oder https://d3d9.github.io/hst-svg-netzplan/.

Weitere Details/Planungen folgen.

Datenabruf

Aktuell wird eine Anfrage an einen lokalen Server siehe https://gist.github.com/d3d9/c2c796b44220eaf70eeaf876b2f6e100 gemacht.

Zukünftig sollte dies besser anders geschehen, bestenfalls ohne Umweg direkt mit Anfrage bei der VRR-EFA aus dem Browser heraus, hierzu ist u. a. die Situation bzgl. CORS und einem virtuellen Verzeichnis extra für diesen Anwendungsfall zu klären.

Datenformat in der svg

Attribute

  • data-stopid

    • Haltestellen-ID. Inhalt: IFOPT (z. B. "de:05914:2007")
  • data-lineid

    • Liniennummern. Inhalt: Semikolonseparierte Liste relevanter Liniennummern (z. B. "514" oder "514;543")
  • data-only-lineid

    • Inhalt wie data-lineid.
    • Verwendung nur bei Bedarf, um zu unterscheiden, dass dieses Objekt nicht für alle im fachlich übergeordneten Objekt angegebenen Linien gilt.
      Beispielsweise eine aufgeteilte Haltestelle, die auf ihren unterschiedlichen Haltestellen-Rects jeweils die relevanten Liniennummern angegeben hat, damit nicht alle Liniennummern, die beim stoptext angegeben sind, gelten.

Objekte

  • Haltestelle

    • Objektarten:
      • Rect (Haltestellenblobb)
      • Gruppe (Falls Haltestellenblobb in sich Arrows usw. hat - bei Bahnhofsicons dazu noch class=bficons auf der Unter-gruppe!)
      • Path (Verbindungslinie)
      • Wichtig: Path gibt es auch als Haltestellenblobb in Gruppe (Stadtmitte)
    • class=stop
    • Datenattribute:
      • data-stopid
      • data-only-lineid (nur bei Bedarf!)
  • Haltestellenname

    • Objektart: Text (Haltestellentext - nur exakt 1 pro "echter" ganzer Haltestelle!)
    • class=stoptext
    • Datenattribute:
      • data-stopid
      • data-lineid
  • Linienverlauf

    • Objektart: Path, Gruppe (falls unsichtbarer Path nötig ist, bei gestrichelten Linien -- dann werden beide Paths zusammengefasst zur Gruppe, die Class & Attribut bekommt - ist aber teilweise noch nicht so gemacht.)
    • class=route
    • Datenattribute:
      • data-lineid
  • Linienverlaufsmarker

    • Objektart: Text, Gruppe (bei Bahnen)
    • class=linetext
    • Datenattribute:
      • data-lineid
  • Linienendstellenmarker

    • Objektart: Gruppe (enthält rect und text)
    • class=lineblob
    • Datenattribute:
      • data-lineid
      • data-stopid der jeweiligen Endstelle? -- erstmal unwichtig
  • Informationstexte

    • Objektart: Text, Path (Verbindungslinien), Gruppe (Pfeile 530-539/536-538)
    • class=infotext
    • Datenattribute:
      • data-lineid
      • data-stopid der jeweiligen Haltestelle, falls vorhanden? -- erstmal unwichtig

Code, um die originale svg kleiner zu machen:
siehe https://gist.github.com/d3d9/c2c796b44220eaf70eeaf876b2f6e100#file-svg-reduzieren-js.

You can’t perform that action at this time.