Contao-Camp 2024
Ergebnis 1 bis 11 von 11

Thema: Navigation / Interaktion per Landkarte mit Landkreisen möglich?

  1. #1
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard 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:

    karten-Navi.jpg

  2. #2
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  3. #3
    Contao-Nutzer
    Registriert seit
    24.06.2012.
    Beiträge
    205

    Standard

    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
    Gruß Thomas
    __________________________________________________ ________________________________
    ich habe keine Zeit, darüber nachzudenken, warum ich keine Zeit habe.

  4. #4
    Contao-Nutzer
    Registriert seit
    17.03.2016.
    Beiträge
    2

    Standard

    Hallo,

    Zitat Zitat von speedweb Beitrag anzeigen
    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

  5. #5
    Contao-Nutzer
    Registriert seit
    24.06.2012.
    Beiträge
    205

    Standard

    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
    Gruß Thomas
    __________________________________________________ ________________________________
    ich habe keine Zeit, darüber nachzudenken, warum ich keine Zeit habe.

  6. #6
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  7. #7
    Contao-Fan Avatar von Sahel
    Registriert seit
    20.06.2009.
    Ort
    Cotonou, Benin
    Beiträge
    309

    Standard

    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

  8. #8
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  9. #9
    Contao-Fan Avatar von manfred
    Registriert seit
    08.05.2011.
    Ort
    Schwäbisch Gmünd
    Beiträge
    548

    Standard Vielleicht geht es ja auch damit....??


  10. #10
    Contao-Fan Avatar von Sahel
    Registriert seit
    20.06.2009.
    Ort
    Cotonou, Benin
    Beiträge
    309

    Standard

    @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.

  11. #11
    Contao-Nutzer
    Registriert seit
    10.06.2015.
    Beiträge
    70

    Standard

    Zitat Zitat von speedweb Beitrag anzeigen
    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
    Geändert von McMatty (11.03.2019 um 14:39 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •