User Tools

Site Tools


de:getsimplede:googlemap-plugin

GoogleMap-Plugin

Es gibt inzwischen einige Plugins zum Einbinden von GoogleMaps in den Editor.
Das hier vorgestellte GoogleMap-Plugin für den Editor, welches ermöglicht, über ein Symbol in der Symbolleiste jederzeit GoogleMaps in eine Seite einzufügen, ist ein recht einfaches Plugin: Eine Adresse wird eingegeben und ein Maßstab bestimmt.

Der Vorteil gegenüber dem GoogleMaps-Plugin für GetSimple? Es können jederzeit auf jeder Seite verschiedene Karten eingebunden werden, nicht nur eine Karte.

Bei einem Multi-User-System kann jeder Anwender Karten einbinden ohne für die GetSimple-Plugin-Verwaltung berechtigt zu sein.

Hinweis: Sie benötigen, auch wenn es oft noch behauptet wird, keinen GoogleMap-API-Key mehr, Google hat die Regeln geändert.

Wie wird es installiert?

  1. Besorgen Sie sich das gmap-Plugin für Ckeditor.
    Autor: Cedric Dugas, http://www.position-absolute.com

    Sie können es hier herunterladen:
    https://github.com/cakemail/GoogleMap-CKeditor-Plugin/tree/master/gmap

    Wundern Sie sich nicht, daß dieses Plugin für ein Mail-System “Cakemail” angeboten wird, es funktioniert genauso gut mit GetSimple, wenn Sie die nachstehenden Schritte nachvollziehen.
  2. Entpacken Sie das ZIP und kopieren den Ordner “gmap” in den Ordner /admin/template/js/ckeditor/plugins
  3. Tragen Sie dieses Plugin in der Editor-Konfiguration ein, entweder in dem Abschnitt “GSEDITOROPTIONS” der Datei gsconfig.php oder in der dort vereinbarten gesonderten CKEditor-Config-Datei.
  4. Der Eintrag gehört zu dem Schlüsselwort “extraPlugins” . Haben Sie noch kein Extra-Plugin eingerichtet, tragen Sie dies so ein:
    extraPlugins:'gmap',

    Haben Sie schon mehrere Plugins hinzugefügt, erweitern Sie die Liste, achten Sie dabei auf das Komma und die Anführungszeichen:

    extraPlugins:'gmap,qrcodes,youtube,syntaxhighlight,templates',
  5. Nun sollten Sie folgendes Icon in der Symbolleiste des Editors sehen:
    GoogleMap-Integration
  6. Sie können jetzt auf dieses Icon klicken und erhalten ein Eingabefenster für die gewünschte Karte
    CKEditor - Googlemap - Plugin
    Mit diesen Angaben bestimmten Sie die auf der Karte anzuzeigende Adresse, die Größe des Kartenausschnittes sowie den Maßstab. Nach Eingabebestätigung wird die Karte auf Ihrer Seite eingebunden.
  7. Falls Sie die Texte in diesem Dialog nicht auf deutsch sehen oder Ihnen der Text nicht gefällt, müssen / können SIe die Spracheinstellung ändern.
    Dieses Plugin verfügt wie die meisten CKEditor.-Plugins über eine Sprachdatei.
    Schauen Sie nach im Verzeichnis /admin/template/js/ckeditor/plugins/gmap/lang.
    Es wird standardmäßig die Sprachdatei der für den Editor vereinbarten Sprache genommen..

    Haben Sie in der Datei gsconfig.php folgende Eintragung aktiviert:
    # WYSIWYG editor language (default en)
    define('GSEDITORLANG', 'de');

    dann wird eine Sprachdatei mit dem Namen “de.js” benötigt.
    Gibt es diese Datei nicht, wird eine der im Plugin selbst vereinbarten Sprachen herangezogen.

    • Haben Sie keine deutschsprachige Datei, “de.js”, kopieren Sie die Datei en.js unter dem Namen de.js  in dieses Verzeichnis und öffnen Sie diese Datei in einem Editor (wie immer der Hinweis, in einem UTF-8-fähigen Texteditor, nicht in WORD oder ähnlichem!)
    • Übersetzen Sie dann die darin enthaltenen Texte ins Deutsche.
      CKEDITOR.plugins.setLang("gmap","de",{
        gmap:
          {
               title:'Google Map Ortsdefinition',
               commonTab:'Info',
               HelpInfo:'Geben Sie eine Adresse ein und es wird eine Karte eingebunden',
               Width:'Breite:',
               Height:'Höhe:',
               Near:'kleiner Maßstab',
               Far:'großer Maßstab',
               Zoom:'Zoom:'
              }
      });

      Achten Sie darauf, daß auch in der Eröffnung der Funktion der Parameter de gesetzt ist!

    • Noch ein letzter Schritt:
      Öffnen Sie nun die Datei /admin/template/js/ckeditor/plugins/gmap/plugin.js im Texteditor und tragen Sie in Zeile 12 noch das hinzugekommene Sprachkürzel ein:
      lang : ['en', 'fr','de'],

      Wundern SIe sich nicht über die Kommentarzeilen zu Beginn des Plugins, welche sich nicht auf das gmap-Plugin, sondern auf das qrcodes-Plugin beziehen. Dies ist ein Copy- and Paste - Fehler des Autors.

<!– SyntaxHighlighter.all() –>

Letzte Änderung am 14.01.2012

de/getsimplede/googlemap-plugin.txt · Last modified: 2014/05/03 22:41 by Lars