Entwickler-Blog: Produktinfos & Updates

Integration abhängig vom jeweiligen Anwendungszweck

Welche Variante der Integration gewählt wird, ist abhängig vom jeweiligen Anwendungszweck und Ihren Anforderungen hinsichtlich Funktionsumfang, Interaktivität und Performance:

• Einfache Iframe-Integration: Integration von Google Maps über einen Iframe, z.T. andere Funktionalität als bei der API-Integration.
• URL zum Aufruf bei Google Maps: Liefert die URL zu Google Maps zurück, mit der identischen Darstellung der Karte wie bei der Integration als Iframe.
• Statische Version der Karte: Ausgabe einer statischen Version der Karte als normales Bild über die Google Static Maps API, bietet sehr gute Performance aber eingeschränkte Funktionalität.
• Komplexere API-Integration: Umfangreichster Funktionsumfang mit direkter Integration der Karte über die Google Maps Javascript API.

Der benötigte Containeraufruf für die Integration einer Karte kann im Administrationsbereich desCMS Contentpapst und der Shop-Software CP::Shop direkt über den "{cp:tag}-Wizard" zusammengeklickt werden (über das Zauberstab-Symbol oben rechts):

Dabei kann der "Karten-Typ" (normale Straßenkarte, Satellit, Gelände, Google Earth) festgelegt werden, es ist eine direkte Anzeige von Straßenzügen über Google Streetview möglich (z.B. Darstellung Ihres Ladeneinganges), die Karte kann mit verschiedenen Layern ergänzt werden (aktueller Verkehr, Fahrradwege, Fotos, ...) und es können zahlreiche weitere Angaben für die Darstellung getroffen werden (Zoom-Level, Abmaße, Icons etc.). Der generierte Containeraufruf kann anschließend systemweit z.B. in Vorlagen platziert werden und es wird dann bei der Ausführung direkt die konfigurierte Karte angezeigt.

Als Adresse kann dabei eine konkrete Anschrift angegeben werden, eine geografische Position ("40.712778,-74.005833" für New York City) oder jede andere Abfrage, die in Google Maps ein gültiges, eindeutiges Ergebnis ausgibt.

Beispiele für den Aufruf per Container

Einfacher Aufruf als Iframe für einen bestimmten Ort mit Zoom und Abmaßen:

Aufruf als statische Karte mit Satellitenbild:

Aufruf über die Google Maps API mit Darstellung des aktuellen Straßenverkehrs:

Gleicher Aufruf mit eigenem Icon, weiteren Informationen beim Klick auf das Icon und Fahrradwegen:

Ausgabe einer URL für den Aufruf der Karte in einem neuen Fenster mit zusätzlichen Layern:

bei Google Maps anzeigen

Aufruf eines Ortes mit Google Streetview:

Alternativer Aufruf per PHP

Alternativ zu den oben sichtbaren Containeraufrufen über {cp:tags} können diese Container auch direkt per PHP geladen werden. Dies ist sinnvoll, wenn z.B. umfangreichere Informationen im Infofenster eines Icons angezeigt werden sollen oder eine Erweiterung der API-Integration um eigenen Javascript-Code gewünscht ist:

Genau wie die weiteren standardmäßig von Contentpapst und CP::Shop bereitgestellten Container für u.a. Facebook, Twitter, Google +1, XING, YouTube und Zopim wird auch der Container für die Google Maps API stets auf dem neuesten Stand gehalten. Durch die Aktualisierung dieses Containers über das Updatetool können Sie somit sicherstellen, dass alle Karten auch auf sehr komplexen Webseiten stets funktionieren, ohne dass Sie sich selbst mit der Funktionsweise der Google Maps API beschäftigen und Code auf den verschiedensten Seiten Ihrer Webseite laufend aktuell halten müssen.

Für Kunden wird der neue Container ab sofort über das Updatetool kostenfrei bereitgestellt. Hinzugefügt zur Installation muss dafür die Datei "/modules/options/container/google_maps.php".

Benötigen Sie eine über den standardmäßigen Funktionsumfang des Containers hinausgehende Anbindung an Google Maps? Z.B. Suchfunktionen innerhalb der Karte, die Ausgabe einer Anfahrt zu Ihrem Unternehmen etc.? Sprechen Sie mit uns, im Rahmen unseres Dienstleistungsangebotes finden wir auch für Sie die passende Lösung.