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
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
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.
Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin | Contao Usergroup Kiel | github | Contao-Community-Alliance | MetaModels-Team
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.
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.
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.
Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin | Contao Usergroup Kiel | github | Contao-Community-Alliance | MetaModels-Team
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:
So in etwa ... ;-)
- 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
Die Konfiguration der Karte unter 'Leaflet-Karten' ist ja weitgehend selbsterklärend.
Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin | Contao Usergroup Kiel | github | Contao-Community-Alliance | MetaModels-Team
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.
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 ...(?).
Hat jemand eine Idee dazu? Wie haben die das bei opendatalab.de umgesetzt? Die Cloropleth Map geht ja "nur" mit Mouseover.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'); } }
Ich wäre sehr dankbar.
Grüße, Matt
Geändert von McMatty (11.03.2019 um 13:39 Uhr)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)