Google Route einfügen

**AndyOne** · 14.05.2010, 11:55

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?

**Sebastian** · 14.05.2010, 12:08

HI

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

Sebastian

**AndyOne** · 14.05.2010, 12:52

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?

***xchs*** · 14.05.2010, 12:54

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.

**AndyOne** · 14.05.2010, 12:59

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

***xchs*** · 14.05.2010, 13:02

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>

**AndyOne** · 14.05.2010, 13:27

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

***xchs*** · 14.05.2010, 13:34

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:


<!-- Link google maps script. Please adapt the key if you didn't provide it, otherwise the script will not work! -->

<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>

**AndyOne** · 14.05.2010, 13:47

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

***xchs*** · 14.05.2010, 13:51

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!