Webmaster und Internet Tipps, Tricks, Tutorials & Tools

Das Internetportal www.trekking.suedtirol.info, welches mit dem digitale Wandernetz Südtirols (siehe Artikel Wandern in Südtirol) dem interessierten Wanderer für die Planung seiner Wandertouren beiseite zu steht, wird immer besser. Vor einiger Zeit hatte ich noch große Schwierigkeiten eine Wandertour in die Südtirolkarte einzuzeichnen, da das Routing nicht machte was ich wollte. Nun scheinen diese Probleme behoben zu sein. Ich schaffe es jetzt ohne weiters Rundwanderungen einzugeben und sogar Abstecher (Stichleitungen) zu definieren und bin mit der Funktionsweise von Trekking Südtirol sehr zufrieden.

Ein zwei kleinere Wehrmutstropfen bleiben aber:

• Scheinbar ist es nicht möglich eine benutzerdefinierte Wandertour, die bereits gespeichert ist, nachträglich zu editieren. Ich schaffe es leider nicht die eingegeben Wanderbeschreibung zu ändern und auch nicht eingegebene Zwischenziele zu ändern oder zu löschen.
• Des weiteren stört es mich etwas, dass ich ziemlich viel Zwischenziele angeben muss, damit das Routing den Wanderweg nimmt den ich möchte. Bei der Planung ist das zwar egal, aber wenn ich die so erzeugte benutzerdefinierte Wandertour in meine Website einbinden möchte, schaut das nicht besonders gut aus. Die von Trekking Südtirol vordefinierten Touren weisen diesen Makel nicht auf.
  Darum muss es sicherlich eine Lösung oder einen Workaround für dieses Problem geben.

Wenn jemand eine Lösung weiß, dann wäre ich sehr dankbar!

Wordpress Pluging Trekking Südtirol

Da mir Trekking Südtirol sehr gut gefällt und ich Wandertouren öfters hier in meinem Blog einbinden möchte habe ich ein Wordpress Plugin programmiert, welches die Einbindung einer Südtirol Karte oder einer Wandertour schnell und einfach ermöglicht. Hiermit stelle ich das Wordpress Plugin Trekking Südtirol kostenlos für alle Interessierten zur Verfügung. Die Nutzung erfolgt auf eigene Gefahr.

Installationsanweisung

1. Das Plugin: Wordpress Plugin Trekking Südtirol V1.0 hier herunterladen.
2. Die so erhaltene Zip-Datei: trekk.zip entpacken.
3. Nun die enthaltenen PHP-Datei trekk.php in das Wordpress Plugin Verzeichnis (/wp-content/plugins/) hochladen.
4. Im Administrationsbreich von Wordpress unter Plugins das Plugin Trekking Südtirol (trekk) aktivieren.
5. Zu Einstellungen > Trekking Südtirol wechseln und dort die Benutzer ID zum Einbinden der Südtirol Karte, die Standard Bereite und Standard Höhe der Südtirol Karte eingeben. Wie du zu eine Benutzer ID zum Einbinden der Südtirol Karte kommst, kannst du unter Integration digitales Wandernetz Südtirol in eigene Website nachlesen.
6. Die eingegeben Parameter speichern. Das Plugin ist nun einsatzbereit.

Einbindung der Südtirol Karte mit dem Plugin Trekking Südtirol

Um die Südtirolkarte in deine Wordpress-Artikel einzubinden, musst du folgenden Tag in an der Position wo die Karte aufscheinen soll einfügen:

wobei viele Parameter optional sind…

• Typ: Hier musst du: gesamt, teil, tour oder mytour eingeben. Davon abhängig wird die gesamte Südtirolkarte, ein Ausschnitt der Südtirolkarte, eine vordefinierten Wanderung oder eine benutzerdefinierten Wanderung eingefügt. Eine Beschreibung wie du benutzerdefinierte Touren erzeugen kannst, findest du unter: Integration Wandernetz Südtirol in eigene Website.
• TourId: Diesen Parameter musst du nur angeben, wenn du den Typ auf tour oder auf mytour eingestellt hast. Der Parameter muss die ID der Tour bzw. deiner benutzerdefinierten Tour enthalten.
  Wie du die ID der Tour ermittelst kannst du unter Integration Wandernetz Südtirol in eigene Website
  nachlesen.
• Ausschnitt: Diesen Parameter musst du nur angeben, wenn du den Typ teil gewählt hast. Der Parameter bestimmt den Mittelpunkt und den Vergrößerungsfaktor des gewünschten Kartenausschnittes. Er muss in der Form: xPos,yPos,Zoom angegeben werden, wobei Zoom eine optionale Angabe ist. Achte auf die zwei Beistriche! Beispiel: 674000,5138686,5.
  • xPos: Die Parameter xPos und yPos bestimmen den Mittelpunkt des gewünschten
    Kartenausschnittes. Die Werte xPos und yPos müssen sich innerhalb von Südtirol befinden. Die Werte xPos und yPos kannst du
    von der Karte: www.trekking.suedtirol.info ablesen. Einfach mit der Maus auf einen Punkt zeigen, dann werden dir die Koordinaten
    am unteren Rand der Karte (dort wo UTM steht) angezeigt. E entspricht xPos, N entspricht yPos.
  • yPos: Siehe Beschreibung xPos.
  • Zoom: Mit diesem Parameter kannst du den Vergrößerungsfaktor des Ausschnittes bestimmen. Wenn du hier nichts eingibst dann wird 6 verwendet. Insgesamt gibt es 10 Stufen von 0 bis 10.
• Umbruchart: Hier kannst du left, right oder none eingeben. Dementsprechend wird die gesamte Karte links, rechts oder nicht gefloatet. Standardwert ist none. Interessant ist dieser Parameter im Zusammenspiel mit Breite und Höhe.
• Sprache: Hier kannst du de oder it eingeben. Standardwert ist de.
• Größe: Die Größe der Karte wird durch die Standardeinstellungen für Breite und Höhe in den Einstellungen
  des Plugins definiert. Möchtest du bei einer einzelnen Karte davon abweichende Werte setzen, dann kannst du das über diesen Parameter machen. Achtung er muss in der Form: Breite,Höhe angegeben werden. Achte auf den Beistrich! Beispiel: 350,200.
• Benutzer_Id: Die Benutzer_Id für die Einbindung der Karte wird durch die Standardeinstellung in den Einstellungen
  des Plugins definiert. Möchtest du bei einer einzelnen Karte eine andere Benutzer_Id definieren, dann kannst du das über diesen Parameter machen. Eine Benutzer_ID kannst du dir besorgen indem du dich auf der Website: www.trekking.suedtirol.info registrierst!

Beispiele
Einsatz Worpress Plugin Trekking Südtirol

1. Ganze Südtirol Karte einfügen

Code:

Ergebnis:

Hierbei werden folgende Standardwerte verwendet: Sprache=de, Größe wie in den Einstellungen definiert, Benutzer_Id wie in den Einstellungen definiert.

---

2. Ausschnitt Südtirol Karte einfügen

Code:

Ergebnis:

Der Ausschnitt um den Kalterer
See wird eingebunden. Mittelpunkt der Karte xpos=674000 und yPos=5138686. Der Vergrößerungsfaktor wird auf 5 gesetzt. Achtung da der Parameter tour nicht angegeben wurde, müssen nach dem Parameter teil zwei Doppelpunkte folgen!

---

3.
Vordefinierte Wandertour einfügen

Code:

Ergebnis:

Höhenprofil und Details

Die vordefinierte Tour mit der Id=107 wird samt Link zum Höhenprofil eingebunden.

---

4. Benutzerdefinierte Wandertour einfügen

Code:

Ergebnis:

Höhenprofil und Details

Die benutzerdefinierte Tour mit der Id=2468 wird samt Link zum Höhenprofil eingebunden.

---

5. Größe der Südtirolkarte und Textfluss der Südtirolkarte bestimmen

Code:

Ergebnis:

Höhenprofil und Details

Die benutzerdefinierte Tour mit der Id=2468 wird eingebunden. Dabei wird die Größe abweichend von den Angaben in den Einstellungen auf 200 Pixel Breite und 150 Pixel Höhe definiert, die Karte wird links gefloatet und es wird die italienische Karte eingefügt. Achte darauf, dass du für Parameter die du ausläst trotzdemden Doppelpunkt machen musst! Die Angabe der Umbruchart muss z.B. immer an 4ter Stelle befinden!

---

Formatierung der Südtirolkarte und des Links zum Wander-Höhenprofil

Das iframe, welches die Karte einbindet, und auch der Link zum Höhenprofil befinden sich in einem SPAN-Tag, dem die CSS-Klasse trekk zugewiesen ist.

Du kannst darum die Karte mittels CSS wir folgt formatieren:

Roter Rahmen um Karte:

.trekk iframe {border:1px solid red}

Den Link zum Höhenprofil kannst du auch mittels CSS formatieren:

Schriftfarbe rot, Unterstreichung:

.trekk a {color:red; text-decoration:underline}

Achtung ohne diesen Anweisungen in deiner CSS-Datei wird keine Unterstreichung angezeigt, da der Link kein href-Attribut besitzt!

Noch Fragen? Einfach hier einen Kommentar hinterlassen…

Der Beitrag wurde am Samstag, den 29. März 2008 um 19:38 Uhr veröffentlicht und wurde unter Programmierung abgelegt. Du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.