Integration einer Google Map

An diesem Beispiel wird gezeigt, wie eine Google Map Karte innerhalb von beecomb integriert werden kann. Als Beispiel wird in diesem Fall die Adresse des beecom AG Headquarter verwendet.

Vorbereitung in Google Map

Als erster Schritt wird in Google Map die entsprechende Adresse gesucht, in diesem Fall ist es: beecom, zürich, switzerland, dies sieht dann wiefolgt aus:

 
Als naechster Schritt muss der entsprechende Link fuer die Integration vorbereitet werden, dafuer muss man ueber den Link Icon (oben rechts) gegangen werden.

Hier gibt es dann zwei Moeglichkeiten:

1. Man kann direkt den HTML Code verwenden, welcher innerhalb des Input Felder 'HTML-Code zum Einbetten in eine Webseite'. Wenn man diese Option waehlt, kann man direkt zur Integration in beecomb weitergehen.
2. Man kann die Karte noch anpassen, dafuer muss der link 'Eingebettete Karte anpassen und Vorschau anzeigen' ausgewaehlt werden. 

Anpassen der eingebetteten Karte und Vorschau

Falls man sich fuer die Variante 2 entschieden hat, wird man auf folgende Seite weitergeleitet, wo man die Option hat, die einzubettende Karte noch anzupassen, dies sieht wiefolgt aus:

Integration in Beecomb

Die Integration in beecomb ist eigentlich ziemlich einfach, dafuer wird entweder der HTML Code verwendet, den man aus dem Input Feld kopiert hatte, oder aus dem Schritt 3, wenn man sich entschlossen hatte, die Karte noch anzupassen.

Fuer die Integration ist es wichtig, dass wenn man den Wysiwyg Editor verwendet, dass man ausschliesslich mit dem Source Editor des Wysiwyg Editors arbeitet. Ansonsten wird der HTML Code encoded, was man auf keinen Fall will. Das nachfolgende Bild zeigt den Wysiwyg Editor im Source Editor Mode. Der HTML-Code von Google Map wurde bereits hineinkopiert.

Danach kann man wieder in den Normalen Modus des Wysiwyg Editors wechseln und die Seite speichern.

Das Resultat sieht dann wiefolgt aus: