Karten von Wanderreitkarte, OpenStreatMaps oder GoogleMaps in Joomla einbinden

 

Karten und HTML in Joomla! einbinden

Karten in Joomla! einbinden.

Das im Bereich Wanderreitkarte oder/und OpenStreatMap behndelte Themea wird hier weiter geführt zur Einbindung der Karten in Joomla! derzeit Version 2.5x.

Es gibt grundsätzlich zwei Möglichkeiten für das einbinden der HTML Dateien in Joomla!

Das Einbinden über den Aufruf Wrapper beim erstellen eines Menüpunktes. Dabei erscheint nur die HTML - Seite im Contentberech. Es gibt keine Möglichkeit zusätzlichen Text zu schreiben im Wrapper-Iframe.


Das Einbinden direkt im Text mittels Iframe im Textbereich.

Einbinden in Joomla! mit Wrapper

Iframe Wrapper Joomla!

Für das einbinden mittels Wrapper ist es erforderlich, daß die einzubindende HTML - Datei auf einem Server im Internet erreichbar ist. In meinem Beispiel ist die Datei von Root aus gesehen so erreichbar

http://www.mittenwald-ferienzeit.de/karten-os2/mittenwalder-huette.htm

Das bedeutet, daß vorher von root aus gesehen das Verzeichnis "/karte.os2/" erstellt wird und alle Dateien, wie im den anderen Beispielen aufgezeigt sich in diesem Verzeichnis und seinen Unterverzeichnissen befinden muss.

joomla-wrapper-1-400px

 Auswählen des Punktes "Iframe-Wrapper" beim erstellen des Menüpunktes.

 joomla-wrapper-2-400px

Backend: Eintragen der Bezeichnung und des Links zur Datei. Die wählbaren Punkte in der Gesamtliste können bei Ihnen je nach installierten Komponenten abweichen.

joomla-wrapper-3-400px

Ansicht im Frontend

joomla-wrapper-4-backend-einstellen-400px

Einstellen der Fensterparameter.

Wenn man Text bei der Karte möchte, der nicht bereits in der HTML Datei der Karte enthalten ist, bietet sich die im unteren TAB aufgeführte Lösung an.

Einbinden in Joomla! mit Iframes

Iframes einbinden in Joomla! Content

Um Mehr Übersicht zu bekommen, habe ich in vielen Beiträgen TABs verwendet. Auch in den Bildern im Beispiel ist das so, ebenso auf dieser Seite. Die TABs werden durch ein Plugin realisiert. {tip Plugin Information::make content slides in Joomla!
Slider is completely free and you DON'T need a Commercial License Code to use it.
Slider is compatible with Joomla 1.5, Joomla 1.7 and Joomla 2.5
NOTE: Slider needs PHP 5.3+. Please see the specs for more requirements.}Das Plugin gibt es hier{/tip}

Beim Einbinden von Iframes ist zu beachten:

Ebenso wie beim einbinden über Iframe Wrapper müssen die Dateien im Internet erreichbar sein.

Im Text an der gewünschten Stelle wird folgender Code eingebunden:

<p><iframe src="http://www.mittenwald-ferienzeit.de/karten-os2/mittenwalder-huette.htm" width="98%" height="600" name="OpenStreatMap"><p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="http://www.mittenwald-ferienzeit.de/karten-os2/mittenwalder-huette.htm">OpenStreatMap </a></p></iframe></p>
<p>

In dem Code muss definiert werden:

width = Breite in %

height = Höhe in Pixel

src = Internetadresse

href = Internetadresse

Besonderheiten beim Einfügen in Joomla!

Je nach Aufgabe Editor abschalten

Zum Einfügen des Iframe-Codes in Joomla! ist es erforederlich den Editor auf Quelltextdarstellung einzustellen. Ich arbeite mit dem JCE Editor Version 2.0.21. Damit ist es problemlos möglich, auf Quelltext umzustellen und auch so abzuspeichern. Sollte das speichern so nicht zum richtigen Ergebnis führen, ist unter U. erforderlich in der Konfiguration den Editor abzuschalten. Achtung wenn im persönlichen Profil nicht "Standard verwenden" eingestellt ist, muß dort angepasst bzw. der Editor umgestellt werden.

Iframes können auf die selbe Art auch in Modul eingebaut werden.

Noch ein Tipp zu den von mir verwendeten Slider Plugin.

Der vom Plugin erzeugte Code nach dem klicken des Buttons "Füge Slides Hinzu" sieht so aus:

 
<p>{slide=Slide Titel 1}</p>
<p>Dein Text...</p>

<p>{slide=Slide Titel 2}</p>

<p>Dein Text...</p>
<p>{/slides}</p>

bei Bedarf weiterer Tabs einfach so erweitern:

<p>{slide=Slide Titel 1}</p>
<p>Dein Text...</p>

<p>{slide=Slide Titel 2}</p>
<p>Dein Text...</p>

<p>{slide=Slide Titel 3}</p>
<p>Dein Text...</p>

<p>{slide=Slide Titel 4}</p>
<p>Dein Text...</p>

<p>{/slides}</p>

Bitte beachten und gegebenenfalls im Quelltext kontrollieren:

<p>.......</p>

müssen vorhanden sein.

Für die Anzeige auf der Frontseite muss innerhalb des ersten TAB das System Weiterlesen" enthalten sein. Ansonsten ist die Anzeige nach meiner Erfahrung nicht korrekt.

Aktivitäten und Touren planen

Touren, Touren planen www.mittenwald-ferienzeit.de, die Seite auf der sie alle Aktivitäten ausführlich beschrieben finden.
Ausführliche Informationen und Darstellung von Touren und Tourenkarten Karwendelgebirge, Wettersteingebirge, Estergebirge, Oberes Isartal, Mittenwald, angernzendes Tirol
Wandern, Hüttentouren, Mountainbiktouren, Wander- und Tourenkarten.

Wir benutzen Cookies

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.