[cfs_maps] CFS-Maps: OpenStreetMap und Bing Maps integrieren

[juergenw]

Hallo liebe Contao-Gemeinde,

heute haben wir von der Küstenschmiede unsere erste Erweiterung veröffentlicht. Es handelt sich dabei um eine Integration der Karten von OpenStreetMap, Bing Maps und wenn gewünscht auch Google Maps über das Open Source Javascript Framework OpenLayers. Die Erweiterung basiert z. Zt. auf Contao 2.10 rc1.

Links:

• Repository
• Kurzdokumentation

Wir freuen uns über Feedback.

Viele Grüße,
Jürgen

[schman]

Super danke, dann kann man endlich mal OSM verwenden, anstelle von Google Maps.
Eine kurze Frage hätte ich noch, wäre es ein Problem wenn die Dokumentation ins Contao Wiki übertragen werden würde?

[juergenw]

Das Contao Wiki ist sicherlich eine gute Sache, wir würden es wenn möglich so machen, dass die Erweiterungs-Übersicht im Contao Wiki einen Link auf unsere Download-Seite erhält.

[CarlosBrasil]

Hallo
erst einmal Danke für die tolle Erweiterung.

Ich bekomme über die Erweiterung ext404 Mails, dass die http://www.tld.de/0layer-switcher-minimize.png fehlt. Die Karten werden jedoch ohne einen sichtbaren Fehler angezeigt.

Gruß Carlos

[CarlosBrasil]

Ich habe gerade festgestellt, dass es mit dem Kontrollelement zum Wechseln des Kartendienstes zu tun hat. Entferne ich das Häkchen davor, kommt auch die Fehlermeldung nicht mehr.

[juergenw]

Hallo Carlos,

ist die Seite online und könnte ich mir das anschauen?

Eigentlich heißt die Datei layer-switcher-minimize.png und nicht 0layer-switcher-minimize.png. Ich nehme nicht an, dass Du versucht hast die Icons auszutauschen?

Hast Du ein Kartenprofil angelegt, und ist dort (Tabelle tl_cfs_map_profiles) womöglich das Feld "imagePath" aus irgendeinem Grund auf "0" gesetzt anstatt leer? Oder arbeitest Du ohne Kartenprofil?

Gruß
Jürgen

[juergenw]

Mist, das ist ein Bug, den ich nächste Woche fixen werde. Es steht tatsächlich standardmäßig ne 0 in dem vorhin genannten Feld intern drina.

Folgender Workaround:
- Editiere das Kartenprofil
- im Feld "Benutzerdefinierte Pfad für OpenLayers Icons (optional)" unter Experteneinstellungen klicke auf Auswahl ändern, dann -> Auswahl aufheben
- Speichere das Kartenprofil

Danach dürften die Mails nicht mehr generiert werden.

[CarlosBrasil]

Hallo juergenw
danke für deine Antwort. Dein Workaround habe ich so wie von dir beschrieben umgesetzt und seitdem keine Fehlermeldungen mehr. Danke!

[juergenw]

Wir haben das Problem mit dem Kontrollelement zum Wechseln des Kartendienstes in der CFS-Maps Version 0.1.1 behoben, die wir heute veröffentlicht haben.

Außerdem ist die neue Version nun mit Contao 2.9.5 kompatibel.

[Sahel]

Hallo,
habe CFS-Maps in Contao 2.11.4 installiert. So weit funktioniert es, tolle Erweiterung!

Aber wenn ich Zoomlevel 14 speichere, wird im FE die Karte mit Zoomlevel 10 ausgegeben.
Einstellungen siehe screenshot

Woran kann das liegen?

Gruß,
Matthias

[juergenw]

Hallo,

ich vermute, dass Du am Inhaltselement (bzw. Frontend-Modul) einen Zoomlevel von 10 eingestellt hast. Der dort definierte Zoomlevel überschreibt nämlich den Zoomlevel des Karteneintrages, wenn er gesetzt ist.

Gruß,
Jürgen

[Sahel]

Hallo Jürgen,
ja, das war's! Vielen Dank!

[planepix]

Hallo Jürgen,

habt ihr ein Bugtracker / Featuretracker?
Habe auf Github nichts gefunden.

Oder nehmt ihr Anregungen auch per Mail entgegen?

[Sahel]

Hallo,
ich zitiere mal aus der CFS-Maps_Contao-Konferenz_2012.pdf

"Ausblick: Langfristiges Ziel ist es, mit Hilfe von Contao auch komplexere geographische
Informationssysteme aufbauen zu können."

Gibt es da schon Ansätze? Ich würde gerne größere geo-codierte Datensätze als csv, xls, shape-file oder in anderen Formaten importieren, um somit viele Lokalitäten auf einmal anzuzeigen.

Grüße,
Matthias

[planepix]

Ich hänge einmal ein paar Fragen / Featurewünsche hier in den Thread.

1. Kann man in der FE-Ausgabe die Darstellung der Kartendienste / Overlays steuern?
Aussehen wie auch Anzeige aktivieren / deaktivieren?

Benutzt man z.B. ein Element für den Länderumriss wäre es sinnvoll, wenn dieser nicht zum Deaktivieren ist durch den Benutzer.

2. Linenfarbe bei Hover über einem Track ändern.
Eine Einstellmöglichkeit um bei einem Track beim Hovern nicht nur die Info-Blase anzuzeigen, sondern auch die Liniefarbe zu ändern.

3. Eine Art Clipping zu integrieren, in dem man z.B. die Ländergrenzen von Deutschland markiert und alles "drumrum" durch einen Layer unsichtbar macht, also abdeckt.

[juergenw]

An planepix:

Einen Bug/Featuretracker haben wir noch nicht. Wir planen aber, mittelfristig auf Github o.ä. umzusteigen. So lange nehmen wir Anregungen hier oder auch per Mail entgegen.

Zu 1.) man kann z.Zt. nur die Overlays am Karteneintrag steuern. Gibt man keinen Wert im Feld "Name der Ebene" ein, dann ist das Overlay nicht deaktivierbar, denn es erscheint nicht in der Auswahl. Ist es das, was Du erreichen wolltest?

Zu 2.) In der nächsten Version von CFS-Maps, die gerade in Arbeit ist, wird es die Möglichkeit geben, beim Lokationsstil einen Hover-Lokationsstil anzugeben. Mit dem lässt sich dann die Fläche/der Track oder der POI hervorgehoben darstellen.

Zu 3.) Hier kenne ich zur Zeit keinen Ansatz, ich werde mich aber mal schlau machen.

An Sahel:

Das ist schon jetzt möglich, wenn es gelingt, die Daten z.B. in KML oder GPX zu wandeln, und dann via Karteneintrag einzubinden. Eventuell hilft da ein Tool wie GPSBabel weiter. Außerdem wäre es möglich, die Daten in eine eigene Tabelle in der Datenbank zu importieren und dann, wie im zitierten PDF anhand einer Catalog-Tabelle beschrieben, CFS-Maps bekannt zu machen und dort in eine Karte zu integrieren.

[planepix]

An planepix:

Einen Bug/Featuretracker haben wir noch nicht. Wir planen aber, mittelfristig auf Github o.ä. umzusteigen. So lange nehmen wir Anregungen hier oder auch per Mail entgegen.

Zu 1.) man kann z.Zt. nur die Overlays am Karteneintrag steuern. Gibt man keinen Wert im Feld "Name der Ebene" ein, dann ist das Overlay nicht deaktivierbar, denn es erscheint nicht in der Auswahl. Ist es das, was Du erreichen wolltest?

Zu 2.) In der nächsten Version von CFS-Maps, die gerade in Arbeit ist, wird es die Möglichkeit geben, beim Lokationsstil einen Hover-Lokationsstil anzugeben. Mit dem lässt sich dann die Fläche/der Track oder der POI hervorgehoben darstellen.

Zu 3.) Hier kenne ich zur Zeit keinen Ansatz, ich werde mich aber mal schlau machen.

Hallo Jürgen,

besten Dank für deine Ausführungen.

Mit Punkt 1 ist mir schon geholfen.

Punkt 2 klingt spannend.

Und zu Punkt 3:
Ggf eine Option einführen, das die Karte nur in einer bestimmten Fläche (wie jetzt die Festlegung der Kartengrenzen) angezeigt, sowie geladen und berechnet wird.
Dann wäre Ladezeit erträglich, und das Clipping / Maskieren wäre sicher einfacher ergo datenreduzierter.

[kinomaniac]

Hallo Jürgen,

danke für die tolle Erweiterung. Eine kurze Frage dazu: Die Abhängigkeit von Kindelementen funktioniert nur auf einer Ebene, oder steh ich nur auf dem Schlauch? (siehe Screenshot)

Schönes WE und Viele Grüße!

[CoastFace]

Hallo kinomaniac,

Du stehst nicht auf dem Schlauch. Hab' auch mal versucht Lokationen über zwei Ebenen anzuzeigen, das funktioniert nicht. Ich werde mich für die nächste Version (ca. Ende August) mit Jürgen kurzschließen, ob wir da noch was machen können. Zumindest sollte eine Hauptkarte (z.B. Landkreis) die Lokationen der Kindkarte (z.B. Ort) auch anzeigen können. Außerdem werden wir zur nächsten Version die Dokumentation entsprechend anpassen.

Beste Grüße und auch ein schönes WE

[Mikki]

Außerdem wäre es möglich, die Daten in eine eigene Tabelle in der Datenbank zu importieren und dann, wie im zitierten PDF anhand einer Catalog-Tabelle beschrieben, CFS-Maps bekannt zu machen und dort in eine Karte zu integrieren.

Die Möglichkeit mit der Catalog Tabelle werde ich gleich ausprobieren...

Wichtig wäre für mich zu wissen, ob man ein gefiltertes Suchergebnis aus dem Catalog (z.B. Liste) auf eine Karte anwenden und damit Marker setzen kann?

Das wäre fein! Geht das?

[dotflo]

Lieber Jürgen, vielen Dank für die schöne Erweiterung.

Ein Problem habe ich allerdings: Ich schaffe es einfach nicht, den Labels der Marker eine Hintergrundfarbe zu verpassen. Leider lassen sich die Labels auf den von mir präferierten Kartenausschnitten nur sehr schlecht lesen, eine Hintergrundfarbe wäre deshalb optimal. Mit dem Zusatzattribut "backgroundColor: white" habe ich es schon probiert. "backgroundColor: #FFFFFF" wird leider nicht korrekt ausgegeben, da die Raute als HMTL-Entity umgeschrieben wird.

[Flex]

Entweder:

background: #fff;

Oder:

background-color: #fff;

Oder eben white statt #fff.

[juergenw]

Lieber Jürgen, vielen Dank für die schöne Erweiterung.

Ein Problem habe ich allerdings: Ich schaffe es einfach nicht, den Labels der Marker eine Hintergrundfarbe zu verpassen. Leider lassen sich die Labels auf den von mir präferierten Kartenausschnitten nur sehr schlecht lesen, eine Hintergrundfarbe wäre deshalb optimal. Mit dem Zusatzattribut "backgroundColor: white" habe ich es schon probiert. "backgroundColor: #FFFFFF" wird leider nicht korrekt ausgegeben, da die Raute als HMTL-Entity umgeschrieben wird.

Hallo dotflo,

mir ist gerade unklar, wo Du das Zusatzattribut angegeben hast. Leider kannst Du meines Wissens den von Dir gewünschten Effekt z. Zt. mit CFS-Maps auch mit zusätzlicher Hilfe von CSS nicht erzielen.

Die gute Nachricht ist aber, dass es in der nächsten Version von CFS-Maps, die in wenigen Wochen veröffentlicht wird, die Möglichkeit gibt, den Labeln eine andersfarbige Umrandung zu geben, was Dir dann sicherlich weiterhelfen wird.

[zonky]

Hallo Jürgen,

die Erweiterung macht einen prima Eindruck - habe mir die Sache mal in contao2go reingezogen (ggf. kannst Du mal ein Paket vorbereiten bei den vielen Einstellungsmöglichkeiten...)

Ich habe eine Bitte ("Feature Request") und einen Hinweis:

1.) könntenst Du analog zu den Events die Speicherung auch bei den "News" einbauen - ich möchte bei Blogposts einen Kartenpunkt angeben und zu einem Blog eine Gesamt-Karte mit allen "Blog-Orten" angeben

2.) bei den Event-Einstellungen ist mit aufgefallen, dass Deine Einstellungen ganz unten sind - ich plädiere für einen "höheren" Platz, damit der "Fuß" mit üblichen "Experteneinstellungen" und "<Event> veröffentlichen" gefüllt ist

Noch eine Frage zu den Events (analog zu News/Blog): ich konnte aus den Beschreibungen nicht rauslesen, wie ich vom Event zur Karte komme - gibt es dafür ein Automatismus? Insert-Tag o.ä.?

Ich meine der Weg von Karte zu Event ist klar: Klick auf Icon - aber ich möchte bei einem Event einen Link auf die Karte und möglichst mein Icon markiert ggf. den Kartenausschnitt angepasst haben. Für den Weg "zu Fuß" würde ich den Permalink nehmen - Ideen dazu?

Mit Gruss

zonky

[juergenw]

Hallo zonky,

schön, dass Dir CFS-Maps gefällt, und danke, dass Du es in contao2go mit aufgenommen hast.

Ein contao2go Paket könnte ich, wenn mal wieder Zeit ist in einigen Wochen mal zur Verfügung stellen. Ich würde wohl den Stand von der Contao Konferenz Präsentation nehmen und ihn aktualisieren.

Zu 1.) Integration in News ist in der Planung, es sieht aber nicht so aus, als ob wir das zur nächsten Version schon umsetzen, ggfs. wird es auch eine eigene Zusatz-Erweiterung
Zu 2.) das scheint mir auch ganz sinnvoll zu sein, danke für den Hinweis, denke das ist kurzfristig noch machbar

Zu dem Event-Karten-Link: so wie Du es machen möchtest geht es zur Zeit wohl nicht, zumindest fällt mir spontan kein Trick ein. Du kannst aber die Karte mit dem Event-Leser zusammen auf eine Seite bringen, indem Du
- die Karte kopierst
- beim Event-Karteneintrag den Haken "Nur aktuellen Eintrag anzeigen" setzt
- diese Karte zusammen mit dem Event-Leser auf eine Seite legst

Ich hoffe, das hilft Dir vielleicht auch weiter.

VG, Jürgen

[claudiok]

Hallo Jürgen,

vielen Dank für diese super Erweiterung. Das einzige, was mir noch nicht ganz gefällt, ist, dass das doch ziemlich grosse openlayers-Skript im HTML-Header geladen wird (und damit den ganzen Seitenaufbau aufhält).
Wäre es möglich, z. B. beim Inhaltselement nur die Daten der Karte in ein JavaScript-Objekt zu schreiben, und dann die Skripte OpenLayers.js und CFSMaps.js am Ende der Seite einzubinden?

Grüsse,
Claudio

[juergenw]

Hallo Claudio,

danke für die Anregung. Ich denke schon, dass das möglich wäre. Vermutlich würden wir für diese Funktion einen Schalter im Profil oder im FE-Modul einbauen. Wir werden die Anregung prüfen und aufnehmen, allerdings wird es mit einer eventuellen Umsetzung etwas dauern.

Gruß, Jürgen

[maffy]

Hallo,
wie kann ich CFS-Map einen GPX Track von einer Wanderung in der Karte anzeigen lassen.

Mfg Maffy

[CoastFace]

Hallo Maffy,

gehe mal davon aus der Export (GPX File) bereits vorliegt. Diesen kopierst Du ins tl_files Verzeichnis. Im Kartenprofil kannst Du einen passenden Lokationsstil für die Strecke definieren (Farbe, Opazität). Den Lokationstyp definiertst Du dann unterhalb Deiner Karte in einer eigenen Ebene (Export-Format GPX und die Datei auswählen). Hier kannst Du dann auch den Lokationsstil auswählen.

MfG
CoastFace

[maffy]

Danke erstnal,

Ich werde mal schaun, ob ich klar komme.
Arbeite mich gerade erst in dieses CMS neu ein.

Mfg Maffy

[maffy]

Ich habe gerade festgestellt das ich das [dlh_googlemaps] Modul bei mir installiert habe.

In welchen Ordner muss ich den die Extions Contao_cfs_maps_70039_3 rein kopieren damit ich das verwenden kann?

[juergenw]

CFS-Maps kannst Du über das Extension-Repository (Erweiterungskatalog - direkt im Contao Backend) installieren. Eine Kurzanleitung ist dort auch verlinkt (Handbuch).

[Pellinger]

Hallo Jürgen,

gibt es eine Möglichkeit das "Kontrollelement zum Wechseln des Kartendienstes" immer eingeblendet zu haben ohne den erst über das "+" einzublenden?

Vielen Dank sowieso für die Erweiterung.

[CoastFace]

Hallo Pellinger,

wir erweitern CFS-Maps zurzeit kräftig. In unserem Entwicklungsstand gibt es jetzt die Checkbox "Kontrollelement zum Wechseln des Kartendienstes automatisch öffnen". Wir planen eine 1.0er Version im November zu veröffentlichen. Vorab gibt es noch einen Release Candidate, indem die Checkbox enthalten sein wird. Diese Version wird aber auch erst Anfang bis Mitte November erscheinen.

Beste Grüße
CoastFace

[maffy]

Es währe auch interessant, wenn man ein Höhenprofil für GPS Tracks einblenden kann.
Das währe sicher Interesant für Seiten die sich mit Wandern beschäftigen.

Eine andere Frage währe noch, wie kann ich Module wieder löschen?
Für das installieren gibt es einen Button aber wie geht das löschen von einem Modul.

[juergenw]

Ich nehme an, Du möchtest die Erweiterung deinstallieren. Da gibt es im Backend unter "Erweiterungsverwaltung" hinter jeder Erweiterung einen Button mit einem roten "X"-Symbol. Darüber kannst Du Erweiterungen deinstallieren.

Das Darstellen eines Höhenprofils aus den GPX Dateien wird von OpenLayers nicht direkt unterstützt. Folglich ist es etwas aufwändiger zu implementieren. Und dieser Punkt hat bei uns jetzt nicht so hohe Prio, so dass es wohl noch dauern wird, bis wir das umsetzen werden.

[lordimac]

Hallo,
ich finde diese Erweiterung toll, vor allem der Funktionsumfang. Ich möchte sie benutzen um Termine mitsamt einer Karte anzeigen zu lassen. Funktioniert auch soweit super mit der Tabellenanbindung an die Events, jedoch stört mich eine Kleinigkeit, eventuell habe ich es auch nur übersehen.

Wenn ich für die Events einstelle das nur der aktuelle Eintrag angezeigt werden soll, dann habe ich auch wirklich nur den einen Eintrag. Zusätzlich wollte ich mir die Arbeit ersparen für jedes Event einen neuen Kartenausschnitt zu erstellen. Also aktivierte ich ebenso "Alle Lokalitionen sollen angezeigt werden". Bei jedoch lediglich einer Lokalition geht er auf volles Zoomlevel hoch. Ist es möglich irgendwie in diesem Fall ein anderes Zoomlevel zu aktivieren? Den Override über das eingebundene Kartenmodul habe ich bereits probiert, hat jedoch leider keine Auswirkung.

[juergenw]

Hallo lordimac,

Du könntest den folgenden Javascript-Code im Kartenprofil (im Bereich Experteneinstellungen) eintragen, um beispielsweise maximal auf Zoomlevel 14 zu zoomen.

if (map.zoom > 14) {
   map.setCenter(map.center,14);
}

Gruß, Jürgen

[krischanski]

Erstmal Hut ab für dieses Modul! Genau das hab ich gesucht!

Ich verwende es zusammen mit den Events. Dabei fällt mir auf, dass Googles Karten (normale Karte und Satellitenbild) nur bis zum Zoom-Level 15 angezeigt werden, eigentlich aber bis 19 gehen könnten. Ist das immer so oder liegt bei mir irgendwas quer?
Außerdem habe ich das Problem, dass bei Anzeigen ohne Events das eingestellte Mindest-Zoom-Level ignoriert und auf Level 0 zurückgestellt wird; ich habe alle Lokationen anzeigen aktiviert.

Ach: und ich würde gern den Inhalt der Popups ändern – ist das irgendwie vorgesehen?

[nofredaisy]

Hallo krischanski,

1. zur Einstellung des Zoom Levels bei Google Satelliten Karten:
- anscheinend wird hier in openlayers der Level 15 voreingestellt. Du kannst diesen Wert aber überschreiben,
indem Du im Kartendienst die 'Benutzerdefinierte maximale Zoomstufe' auf 19 setzt. Schon funktionierts.

2. zum Mindest-Zoomlevel:
- Ich habe gerade Schwierigkeiten, dies nachzustellen.
Wohin meinst Du denn, dass gezoomt werden soll, wenn Du keine Events hast (oder habe ich das falsch verstanden?)
Am besten ist, Du erläuterst das noch mal. Danke!

3. zum Verändern der PopUps:
Siehe auch release-Liste zur Version 1.0:
"Kartenelemente/Lokationstypen „OSM“ und „Overpass API“:
im Label/Icon-Tooltip und Popup können Platzhalter wie ${name} verwendet werden,
um z.B. zugeordnete OSM-Tags anzuzeigen. Außerdem ruft ${FN} eine Javascript-Funktion zum Generieren des Textes auf."

Das heißt: hier kannst Du per Javascript definieren, was wie angezeigt werden soll.

Den Funktionsaufruf machst Du dann im Feld 'Popup Information' des Kartenelements mit (für das u.a. Beispiel): ${FNfnInfoPopup}

Beispiel: Ausgabe des in OSM erfassten Betreibers einer beliebigen 'Adresse':

var fnInfoPopup = function(feature,style)
{
var attr = feature.attributes;
var r = '';

......

if (attr.operator)
r = r+ 'Betreiber: ' + attr.operator + '<br/>';

......

// <div class="cfs_popup_text"> </div>
r = '<div class="cfs_popup_text">'+r+'</div>';

return r;
}

Ich hoffe, das hilft Dir schon mal weiter.

Grüße, nofredaisy