Interaktive Map mit Leaflet oder dgl.
Eingetragen von Lissy01 (278)am 25.08.2014 - 18:05 Uhr in
Ein Inhaltstyp enthält Koordinaten, die sollen auf einer Karte dargestellt werden.
Wenn man nun auf der Karte auf ein Land klickt, dann soll dieses Land anders farbig dargestellt werden und gleichzeitig größenoptimiert auf der Seite plaziert werden.
Im Land (z.B. Deutschland) werden die Grenzen der Bundesländer dargestellt.
Klicke ich in ein Bundesland, so werden nur die Inhalte für dieses Bundesland dargestellt.
Es soll aber auch möglich sein, Regionen zu definieren, wie z.B. DE / AT / CH als einen farbigen Bereich.
In dem jeweiligen farbigen (aktiven) Bereich soll ein Kreis stehen mit der Anzahl der Datensätze in dieser Region.
Ich denke, das läßt sich mit einem Marken-Cluster bewerkstelligen.
Dabei soll auf jeden Fall Leaflet zum Einsatz kommen.
Ich habe bislang mit Google Maps gearbeitet und bin mir nicht ganz sicher, nach welchem Stichwort ich suchen muß, um rauszufinden, wie ich Leaflet ergänzen muß für o.g. Funktionalität.
Geht das mit JSON? Liefert Leaflet die Daten für die Länder-/Bundesländergrenzen schon mit?
Für jeden sachdienlichen Hinweis, wie ich mich dem Thema annähern kann, bin ich sehr dankbar.
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich habe mich nun ausführlich
am 05.09.2014 - 19:05 Uhr
Ich habe mich nun ausführlich mit dem Modul Leaflet beschäftigt und kann sagen, daß sich das sehr gut anläßt.
Allerdings ist viel JavaScript-Handarbeit nötig.
Bislang habe ich eine Map und die Marker vom Inhalt eines bestimmten Content-Types erzeugt.
Mit JavaScript binde ich eine geojson Datei ein, die die Koordinaten der Bundesländer enthält.
Diese Polygone füge ich als Layer der Map hinzu und manipuliere den Style mit Mouseover und Click-Events.
Beim Click wird in den jeweiligen layer rein gezoomt.
Was noch fehlt, ist das Clustering.
Das Modul Leaflet MarkerCluster erlaubt per se nur ein Clustering nach Distanz, aber nicht per Layer.
Mein nächster Schritt wird also sein, raus zu finden, wie ich das mit JavaScript machen kann.
Wenn alles soweit fertig ist, stelle ich den Link ein und schreibe vermutlich auch einen Blog Eintrag auf unserer Homepage.
Ich lass mal noch auf ungelöst, bis ich mit dem Clustering weiter bin.
----------------------------------Sorry...hatte mich oben mit altem Account angemeldet----------------------------------
Hallo Montviso
am 05.09.2014 - 20:33 Uhr
hört sich ja spannend an! Schreibe hier auf jeden Fall mal bitte wenn der Blogeintrag steht: Habe mich noch nie damit beschäftigt.
Grüße
Marc
Hier gibt es nun den Block zu
am 20.10.2014 - 10:08 Uhr
Hier gibt es nun den Block zu Leaflet und den weiteren Modulen, die zum Einsatz kommen.
http://www.montviso.de/blog/geographische-karten-einbinden-mit-drupal-un...
Die Feinheiten (Darstellung der Bundeslandgrenzen, Mouseover, geclusterte Darstellung von der Anzahl Betriebe pro Bundesland ect.) sind alle mit JavaScript gemacht.
Und hier die Ansicht der Karte:
http://gartenstauden.de/gartencenter-vor-ort-karte