Navigation / Interaktion per Landkarte mit Landkreisen möglich?

Hi Leute,

gibt es bei Contao eine Möglichkeit, solch eine Navigation / Interaktion
einzubinden, wie hier auf der Beispielseite unter dem Menüpunkt KONTAKT
auf der Website http://www.ikpe-erfurt.de/ ?

Siehe auf Foto hier:

Anhang 17573

Ja.

Als Imagemap oder SVG. Beides ist ein wenig Bastelarbeit, für die Imagemap könnte https://contao.org/de/erweiterungsli...000009.de.html als Basis dienen.

Hallo,
kann sehr Gut mit http://leafletjs.com/ umgesetzt werden.
sehr viele Karten sind schon als GEOJSON erhältlich und müssen nicht selbst erstellt werden.

Für die Verwendung von Leaflet ist eine Erweiterung in Arbeit, aber leider noch nicht fertig.
Leaflet lässt sich aber problemlos auch ohne Erweiterung direkt einbinden.

Deutschland mit allen Landkreisen (benötigte GEOJSON kann exportiert werden)
http://opendatalab.de/projects/geojson-utilities/

Gruß Thomas

Hallo,

Zitat:

---

Zitat von speedweb

Hallo,
Für die Verwendung von Leaflet ist eine Erweiterung in Arbeit, aber leider noch nicht fertig.
Leaflet lässt sich aber problemlos auch ohne Erweiterung direkt einbinden.
Gruß Thomas

---

das ist ja klasse!
Gibt es ein öffentliches Repositorium - so dass man vielleicht etwas dazu beitragen könnte?

Grüße

leider gibt es noch kein öffentliches Repositorium.
Die Entwicklung basiert auf einem Kundenauftrag.
Es wird zur Zeit geklärt welche Erweiterungen in folge freigegeben werden dürfen.

Gruß Thomas

Entschuldige bitte, aber es gibt eine Leaflet-Integration für Contao: http://contao-leaflet.netzmacht.de/

Installation via Composer, lauffähig unter Contao ab ca. 3.2, und - jedenfalls was mich betrifft - durchaus einsatzfähig.

Hallo,
ich würde liebend gerne Leaflet Maps in einem Projekt verwenden, aber komme noch nicht mit der Einbindung in Contao zurecht.
Die Leaflet Maps für Contao Dokumenation ist leider noch leer und die Erweiterung von speedweb noch nicht verfügbar.

Würde mich über eine kleine Anleitung freuen...

Grüße,
Matthias

Ja, da fehlt leider die Zeit für die deutschsprachige Doku ...

Kurzform:

• Leaflet-Extension via Composer installieren
• Im Bereich Karten-Layer einzelne Layer anlegen
  • Einen Layer für die Map (beispielsweise OpenStreetmap oder Hydda)
  • Layer für Markierungen, darin jeweils Marker
  • Icons und Stile sind erst einmal Luxus ... ;-)
• Unter Leaflet-Karten eine Map anlegen, dabei vorher angelegte Layer hinzufügen
• Die fertige Karte als Inhaltselement oder Modul einbinden

So in etwa ... ;-)

Die Konfiguration der Karte unter 'Leaflet-Karten' ist ja weitgehend selbsterklärend.

http://martin-eberhardt.com/mae_image_map.html

Gruß Manfred

@lucina: danke, ich werde das probieren (und mich melden beim ersten Hänger :)

@manfred: schöne Erweiterung für imagemaps! Ich habe aber eher so was vor , also mit Daten für Polygone und deren xml-Export aus OpenStreetMaps.

Zitat:

---

Zitat von speedweb

Hallo,
kann sehr Gut mit http://leafletjs.com/ umgesetzt werden.
sehr viele Karten sind schon als GEOJSON erhältlich und müssen nicht selbst erstellt werden.

Für die Verwendung von Leaflet ist eine Erweiterung in Arbeit, aber leider noch nicht fertig.
Leaflet lässt sich aber problemlos auch ohne Erweiterung direkt einbinden.

Deutschland mit allen Landkreisen (benötigte GEOJSON kann exportiert werden)
http://opendatalab.de/projects/geojson-utilities/

Gruß Thomas

---

Hallo Thomas und Community
Stichwort Layer Style per click wechseln statt mit mouseover/-out. Etwas spät bin ich gerade über die opendataweb.de Seite gestolpert.
Ich möchte diese click-Events (Layer Style ändern und wieder zurücksetzen) in contao leaflet "onEachFeture expression" umsetzen. Mit Mouseover ginge das ja auf diese Art (ist aber nicht mobile-fähig; click = tap), click bekomme ich nicht hin. Leider kann ich nicht programmieren, sodass ich auch Tipps von Leafletjs (z. B. Choropleth Map) nicht interpretieren/umschreiben kann (Stichwort "resetStyle").

Mein Versuch dazu kann natürlich nicht funktionieren (erster click zum Wechsel geht, wenn der zweite ein mouseout ist, sonst nicht; mouseout funktioniert natürlich). Wie hier eingetragen passiert gar nichts mit dem Vektorobjekt (GeoJSON File). An sich verständlich, es müsste wie bei mouseover ein "click-in" und click-out" geben ...(?).

Code:

---

function forEachFeature(feature, layer) {
        if (layer instanceof L.Path) {
        //Layer style
        layer.setStyle({
        weight: 10,
        color: '#ff0000',
        dashArray: '',
        fillColor: 'ff0000',
        fillOpacity: 0});
        //Change layer style on click
        layer.on('click', function() {layer.setStyle({
        weight: 5,
        color: '#666',
        dashArray: '',
        fillColor: '#666',
        fillOpacity: 0.7});});
        //reset layer style on click
        layer.on('click', function() {layer.setStyle({
        weight: 10,
        color: '#ff0000',
        dashArray: '',
        fillColor: 'ff0000',
        fillOpacity: 0});});
        //Popup bei Click
        layer.bindPopup('Ländername');
        }
    }

---

Hat jemand eine Idee dazu? Wie haben die das bei opendatalab.de umgesetzt? Die Cloropleth Map geht ja "nur" mit Mouseover.
Ich wäre sehr dankbar.
Grüße, Matt