Im Folgenden finden Sie Anleitungen zum Einbinden von Campuspläne und Anfahrtsskizzen in Ihre Webseiten. Mit dieser Anleitung haben Sie immer die aktuellen Campuspläne in Ihrer Seite eingebunden. Die Campuspläne und somit die Zieldatei für Ihre eingebundenen Pläne werden zentral von dem Webredaktionsteam verwaltet, regelmäßig überarbeitet und auf jeder Webseite automatisch aktualisiert.

Wenn Sie Campuspläne oder Anfahrtsskizzen für den Printbereich benötigen, wenden Sie sich an Marion Schumacher, E-Mail: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!

  1. Öffnen Sie die Anwendung, mit der Sie normalerweise Ihre Websites bearbeiten und suchen Sie eine geeignete Stelle für die Karte aus.

  2. Kopieren Sie folgenden HTML-Code und fügen diesen in den HTML-Editor ein.

    <img style="border: 1px solid #999999;" src="https://www.thm.de/_thm/anfahrt/thmmap.php?s=fb&x=670&z=1">

  3. Passen Sie folgende Attribute in dem HTML-Code nach Ihren Vorgaben wie beschrieben an:

    Attribut s steht für Ort. Geben Sie nach dem Gleichzeichen = fb für Friedberg, gi für Gießen oder wz für Wetzlar ein.

    Attribut x steht für die Breite der Karte in Pixel. Geben Sie nach dem Gleichzeichen = die gewünschte Kartenbreite in Pixel an, z.B. 600, die Höhe der Karte passt sich der Breite proportional an.

    Attribut z steht für die Art der Karte - Stadtplan mit THM-Gebäude oder Bundesweite Anfahrt. Geben Sie nach dem Gleichzeichen = die 1 für die Bundesweite Anfahrt oder 0 für den THM-Stadtplan.

  4. Nach dem Sie den HTML-Code angepasst haben, speichern Sie Ihre Website und zeigen Sie die Karte an, die Sie gerade eingebunden haben.

Beispiel 1

Hier zu sehen ist die Anfahrtskizze für den oben aufgeführten HTML-Code mit den Attributen s=fb für Friedberg, x=670 mit einer Bildbreite von 670 Pixel und z=1 für bundesweite Anfahrt.



Beispiel 2

Hier zu sehen ist die Anfahrtskizze für den HTML-Code mit den Attributen s=wz für Wetzlar, x=450 mit einer Bildbreite von 450 Pixel und z=0 für Campusplan.

<img style="border: 1px solid #999999;" src="https://www.thm.de/_thm/anfahrt/thmmap.php?s=wz&amp;x=450&amp;z=0" />