Anleitung > Google Earth Map

[4seven]

___________________________________________
________________________________________________
________________________________________________________

Anleitung zum Installieren des Plugins > Google Earth Map

- Beim Klick auf das Google Earth Map Label erscheint die Vorschau direkt im Post
- Beim Klick auf das erste Button geht es direkt zu Google Maps
- Beim Klick auf das zweite Button wird eine KML-Datei generiert, welche die Daten an euer Google Earth übergibt
- xhtml 1.0 strict valide

Demo

- Als erstes: Google-Key für deine Domain ordern

- Google Earth Map Pack runterladen und die Dateien vom root ausgehend in euer Forum einfügen.

- Dann:

Öffne

styles/xxxxx/template/overall_header.html

Finde

Code: Select all

</head>

Davor füge ein

Code: Select all

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

<script src="go_ear_ma/go_ear_ma.js" type="text/javascript"></script>

- Zuletzt geht ihr in das ACP > Beiträge > BBCodes und gebt folgendes ein:

- BBCode-Benutzung

Code: Select all

[gmap={TEXT6}]http://maps.google.de/maps?t=k&ie=UTF8&ll={TEXT1},{TEXT2}&spn={TEXT4},{TEXT5}&z={TEXT3}[/gmap]

- HTML-Ersetzung

Code: Select all

<table width="500">
<tr><td><div id="googlemap" style="width: 300px; height: 300px" onmouseover="this.style.cursor='pointer'" onclick="viewmap(this, {TEXT1}, {TEXT2}, {TEXT3} )">
<img style="border:0px" src="go_ear_ma/images/go_ear_ma.png" alt="Google Map" />
</div>
</td>
<td class="gensmall" style="text-align:center;">
<b>{TEXT6}</b><br /><br />
<input class="liteoption" type="button" value="In Google Maps öffnen" onclick="window.open('http://maps.google.de/maps?t=k&amp;z={TEXT3}&amp;ll={TEXT1},{TEXT2}');" />
<br /><br />
<input class="liteoption" type="button" value="In Google Earth öffnen" onclick="window.open('go_ear_ma/go_ear_ma.php?x={TEXT1}&amp;y={TEXT2}');" />
<br /><br />
Längengrad<br />
{TEXT1}<br /><br />
Breitengrad<br />
{TEXT2}
</td></tr></table>

- Tipp-Anzeige: Als Custom Button > Ja
- Tipp-Anzeige: Bei BBCodeBox3-Integrierung > Nein

- Beim Verfassen eines Beitrags anzeigen: Als Custom Button > Ja
- Beim Verfassen eines Beitrags anzeigen: Bei BBCodeBox3-Integrierung > Nein

----------------

- Zum integrieren in die BBCodeBox3 haltet ihr euch an die
Anleitung zum hinzufügen von BBCodes + eigenen Buttons zur BBCodeBox3

-----------------

Buttons:

In den Ordner styles/xxxxx/template/imageset/buttons kopieren

Standardbutton

Rollover

(Rechte Maustaste > speichern unter...)

-----------------

lg
4seven