Google Route einfügen

Druckbare Version

14.05.2010, 11:55
AndyOne

Google Route einfügen

Hallo liebe Freunde,

ich möchte in meine Seiten, Routen mit Google Maps einbinden. Diese Maps mit Routen habe ich schon auf meinen alten Seiten drin gehabt, siehe z.B. hier ganz oben.
http://www.scheidle-online.de/berichte/busa09-2_1.php

Wie man im Quelltext erkennen kann, wird im <head> Bereich die ganze Route und das Fenster aufgebaut.

Im Body Bereich wird dann mittels
<div style="border-style: solid; border-width: 2pt; width: 400pt; height: 350pt; border-color: #1E4976;" id="map"></div>

das Fenster mit der Karte und Route angezeigt.

Das Gleiche möchte ich nun in TL machen, zunächst dachte ich an die GoogleMaps Erweiterung, aber damit kann ich keine Route zeichnen, sondern nur eine Karte und Ortssymbole darauf plazieren. Also versuche ich es auf die manuelle Art und habe eine Seitenlayout erstellt und den Code in das Haed Tags Feld kopiert. Im Artikel habe ich dann ein HTML Element gewählt und dort das DIV Element kopiert.
Das Ergebnis ist ein komplett leeres Fenster, siehe hier:
http://www.trailheads.de/index.php/alaska-2009.html

Kann mir das jemand bitte erklären?
14.05.2010, 12:08
Sebastian

HI

Der schließende <script>-Tag fehlt. Somit wird der komplette <body> ins Javascript integriert - nicht so gut... ;)

Sebastian
14.05.2010, 12:52
AndyOne

Hallo Sebastian,

da hast Du recht, danke für den Hinweis.
Ich war mir eigentlich sicher, den kompletten Code kopiert zu haben und habe das ganze jetzt nochmal gemacht und siehe da, beim speichern wird nicht alles übernommen.
In das Feld für zusätzliche Head Tags können wohl nur eine bestimmte Anzahl von Zeichen gespeichert werden und mein Input ist wohl zuviel.

Kann man da was machen?
14.05.2010, 12:54
xchs

Zitat:

Zitat von AndyOne

Kann man da was machen?

Ich würde den ganzen Teil mit dem JavaScript in eine eigene JS-Datei auslagern und diese Datei dann im Seitenlayout entsprechend einbinden.
14.05.2010, 12:59
AndyOne

Hallo xchs,

ok du meinst, den ganzen Summs in eine Datei route.js packen.
Diese wird dann in diesem Feld "zusätzliche Head Tags" dann mit welchem Befehl aufgerufen?

LG AndyOne
14.05.2010, 13:02
xchs

Zitat:

Zitat von AndyOne

Hallo xchs,

ok du meinst, den ganzen Summs in eine Datei route.js packen.
Diese wird dann in diesem Feld "zusätzliche Head Tags" dann mit welchem Befehl aufgerufen?

LG AndyOne

Ja, probier das mal so.

Eingebunden wird es ganz normal, wie Du auch sonst JS-Dateien einbindest z.B. so:

PHP-Code:

<script type="text/javascript" src="tl_files/js/route.js"></script>
14.05.2010, 13:27
AndyOne

Das funktioniert leider nicht, es wird jetzt nur der leere Rahmen angezeigt.
14.05.2010, 13:34
xchs

Zitat:

Zitat von AndyOne

Das funktioniert leider nicht, es wird jetzt nur der leere Rahmen angezeigt.

Du müsstest in Deinem Script "alaska2009.js" die Stelle mit dem Google-Maps-Aufruf rausnehmen und getrennt einbinden:

PHP-Code:

 <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAoeY_QQ_XiRv1RUqIvCyXwRSyJXEk_QITTV520wlIKkGoWNO81BR35MwAIAxvkBL02C0Qn9guwhkm7Q" type="text/javascript"></script>

Weiters entferne dort das öffnende und schließende <script>-Tag:

PHP-Code:

<script type="text/javascript"> //<![CDATA[ ... //]]> </script>
14.05.2010, 13:47
AndyOne

Hallo xchs,

super, vielen Dank!

Die Google Maps Route funktioniert.
Da wäre ich ohne Deine Hilfe nie drauf gekommen, mir fehlt einfach das Wissen dazu. Ich finde es wirklich klasse, das Du mir hier so schnell geholfen hast.

LG AndyOne
14.05.2010, 13:51
xchs

Zitat:

Zitat von AndyOne

Hallo xchs,

super, vielen Dank!

Die Google Maps Route funktioniert.
Da wäre ich ohne Deine Hilfe nie drauf gekommen, mir fehlt einfach das Wissen dazu. Ich finde es wirklich klasse, das Du mir hier so schnell geholfen hast.

LG AndyOne

Fein, dass Du's hinbekommen hast und viel Spaß noch mit TYPOlight!