search

syndikat / responsive-child-syndikat-wp-theme

0 stars 1 forks source link

Schönere Karte implementieren #14

Open tamaloa opened 11 years ago

tamaloa commented 11 years ago

Es gibt vielfältige Anforderungen an eine bessere Karte. Die bisher benutzte Karte soll nur als Platzhalter dienen bis eine bessere Implementierung existiert.

tamaloa commented 10 years ago

syndikat org-alte-karte So sah die alte Karte aus - soll es wieder so aussehen oder nicht und so weiter :)

rompow commented 10 years ago

Hallo Michael,

da ich gerade mit einigen Arbeiten an der Karte fertig bin:

[SO] http://test.syndikat.org/de/uebersichtskarte/ soll die Karte aussehen!! : )

Jochen und ich hatten uns diesbezüglich "intern" verständigt. Ich hoffe, das war ok... Gerne an anderer Stelle mehr dazu.

Gruß! Sven

Am 19.02.2014 18:26, schrieb Michael:

syndikat org-alte-karte https://f.cloud.github.com/assets/118779/2209346/e4a84e20-998a-11e3-85ba-37cbf40b0292.jpeg So sah die alte Karte aus - soll es wieder so aussehen oder nicht und so weiter :)

— Reply to this email directly or view it on GitHub https://github.com/syndikat/responsive-child-syndikat-wp-theme/issues/14#issuecomment-35524161.

tamaloa commented 10 years ago

Wie wäre es noch mit folgender Idee: Je nach Zoomgrad zeigt die Karte verschiedene Marker an. Wenn man weit rausgezoomt hat gibt es pro Stadt nur einen Marker. Größe ist abhängig von der Anzahl der Projekte in der Stadt (evtl. auch noch eine Zahl neben dem Symbol die die konkrete Anzahl angibt). Klickt man auf einen Marker dann zeigt das Overlay alle Projekte in der Stadt. Erst wenn man reinzoomt brechen die Marker in die einzelnen Projekte auf.

Ähnlich wie bei der Karte hier: http://leafletjs.com/2012/08/20/guest-post-markerclusterer-0-1-released.html

rompow commented 10 years ago

Hi,

nur ganz kurz, da ich gleich weiter muss:

Finde die Idee eigentlich echt gut, das Design gefällt mir auch.

Aber es wäre eben ein komplett neuer Ansatz, zumal mit Javascript. Und die Arbeit, die in der anderen Karte steckt, wäre für diese Zwecke wohl auch nicht nutzbar (z.B. die Text-File mit den Marker-Daten).

Hier mein Vorschlag: Wir überlegen uns das gemeinsam bis Ende des WEs, wie wir die Karte genau gestalten wollen - und vor allem mit welcher Methode wir diese erstellen wollen. Vlt könnte man ja auch mal die Funktionen, sowie Vor- und Nachteile verschiedener Modelle und Arten mit unseren Vorstellungen von einer "guten Karte" vergleichen.

Und erst dann setz ich mich hin und arbeite daran weiter! ; )

Schönen Tag euch! Sven

Am 19.02.2014 21:23, schrieb Michael:

Wie wäre es noch mit folgender Idee: Je nach Zoomgrad zeigt die Karte verschiedene Marker an. Wenn man weit rausgezoomt hat gibt es pro Stadt nur einen Marker. Größe ist abhängig von der Anzahl der Projekte in der Stadt (evtl. auch noch eine Zahl neben dem Symbol die die konkrete Anzahl angibt). Klickt man auf einen Marker dann zeigt das Overlay alle Projekte in der Stadt. Erst wenn man reinzoomt brechen die Marker in die einzelnen Projekte auf.

Ähnlich wie bei der Karte hier: http://leafletjs.com/2012/08/20/guest-post-markerclusterer-0-1-released.html

— Reply to this email directly or view it on GitHub https://github.com/syndikat/responsive-child-syndikat-wp-theme/issues/14#issuecomment-35544051.

FreddidieKatze commented 10 years ago

Design gefällt mir auch. Verlinkung der Marker zur Projektseite ist erst in der untersten ZoomEbene möglich? Markerfarben gerne von Webseite. Projekte (webseiten)gelb, Inis (webseiten)blau, gescheitert schwarz, RegioBüro rot, Statt Nadeln gefallen mir auch Punkte (Kreise), wie auf Michaels Karte. Als Text genügt der Projektname, weil die anderen Daten auf der Projektseite stehen. Die Standortkarte würde einen eigenen Button unter Projekte und Initiativen erhalten. Michaels Übersichtskarte kann bleiben. Die Standortkarte soll später auch auf der Projektseite auf der rechten Seite sichtbar sein mit Ausschnitt 5 km Radius um das Projekt.

rompow commented 10 years ago

Als Rückmeldung zu Michaels Anregung bezüglich der Javascript-Karte von leaflet:

Wie gesagt, ich finde die Idee eigentlich echt super und mir gefällt auch das Design und Handling der Karte.

Sollten wir uns für diese Variante entscheiden, ist mir aber nicht ganz klar, wie wir diese implementieren wollen. Ich nehme an, das Skript einfach unter "Codeschnipsel" abzulegen, ist auch keine Option (?)

Es gäbe auch ein WP-Plugin von Leaflet namens MapMarker, dieses hat aber in der Free-Version leider nur eine sehr eingeschränkte Funktionalität. (Z.B. das sog. "Marker Clustering" gibts nur in der Pro Version)

Von daher würde ich dazu tendieren, den eingeschlagenen Weg mit dem OSM-Plugin und der separaten Text-Datei, die die Infos der Marker enthält, weiterzugehen.

Lasst es mich doch bitte kurz wissen, was ihr darüber denkt!

tamaloa commented 10 years ago

Ich denke wir müssen ja auch nicht alles direkt umsetzen. Mein letzter Kommentar ging eher in Richtung einer idealvorstellung wie eine Karte sein könnte. Das muss auch nicht mit leaflet.js umgesetzt werden, kann auch direkt mit der osm bibliothek gemacht werden. Aber klar, mit einem Plugin wird es nicht funktionieren. Es ist nur gut zu wissen wie genau etwas aussehen und funktionieren könnte was alle richtig gut fänden. Dann kann weitere Arbeit in die Richtung gehen. Am Ende ist es auch am besten wenn alle Karten aus einer "Quelle" gespeist werden. Für verschiedene Ansichten kann man ja verschiedene Layer einblenden bzw. ausblenden (z.B. um für die Projekteseite eine Karte mit weniger visuellen Elementen zu erhalten).

Wichtig ist in dem Kontext finde ich die Entscheidung ob es für die Seite langfristig okay ist wenn verschiedene Darstellungen sich durch verschiedene Quellen speisen (also z.B. ein hochgeladenes Textfile für die Übersichtskarte, die Projekteseiten aus der Datenbank, die Übersichtstabelle aus einer hochgeladenen Excel Datei). Der Vorteil ist ganz klar, dass es viel einfacher ist schöne Dinge ein zu bauen (wie eben z.B. die Tabelle). Der Nachteil, dass es einen guten redaktionellen Prozess geben muss wie ein Projekt ein zu pflegen ist (damit nichts vergessen wird) und dass z.T. zum Beispiel auf verlinkungen und so weiter verzichtet werden muss (weil zu Aufwändig). Ich merke gerade, dass wir das vielleicht (Vor/Nachteile) in einem sepearten Issue diskutieren könnten -> #20

Ansonsten ist die Übersichtskarte wie sie jetzt implementiert wurde ja auch schon echt gut. Vor allem wenn sie groß dargestellt wird passt es ja auch mit Markern für jedes Projekt. Tendenziell fände ich aber andere Marker schöner (kleine Häuschen :).

rompow commented 10 years ago

Hoi,

ich hab grade neue Marker in die Karte eingefügt.

Gebt mir doch bitte ein Feedback zu den Farben und den generellen Aussehen der Marker.

@Jochen: Welches sind denn nochmals die Büros und welches das "tote" Projekt? Hab das leider bei meiner Liste verpeilt zu unterscheiden, ich glaube, die Büros z.B. sind gerade noch als Projekte angezeigt, also mit einem gelben Marker.

Schönes Wochenende euch!! : )

tamaloa commented 10 years ago

Ich finde die einfachen Kreise besser als die Nadeln und voll okay für den Launch.

Bei den angezeigten Informationen ist es vielleicht besser die Box in der Größe nicht zu beschränken und den Projektnamen etwas kleiner zu stylen (normale Schriftgröße). Ansonsten ist oft der Text nicht lesbar weil er abgeschnitten wird (z.B. in Leipzig -> Zollschuppenstr. die Regionalberatung oder die Zolle 11).

Die Büros (siehe auch Regioberatung Leipzig) haben aktuell noch die selbe Farbe wie Initiativen.

Als Farben würde ich vorschlagen: Büros: rot Projekte: Orange Initiativen: evtl. das leichte Blau das sonst auf der Seite verwendet wird. Aber generell ein etwas "schwächerer" Farbton damit beim Betrachter die Aufmerksamkeit von Büros zu Projekten zu Initiativen verläuft. Deshalb sollten auch die Initiativen zuunterst gezeichnet werden und die Büros zuoberst (lässt sich vermutlich durch die Reihenfolge in der Datei und damit durch die "Zeichen"reihenfolge erledigen).

FreddidieKatze commented 10 years ago

Zustimmung. Bei Projekten würde ich allerdings das kräftige Webseiten Gelb nehmen. Dann sind die Farben für Kreise ähnlich der Broschüre.

FreddidieKatze commented 10 years ago

Hallo Sven, die Regionalen Koordinationen und die GPS Koordinaten:

Regionale Beratung Leipzig 12.32450,51.32598 Regional AG Berlin/Brandenburg
Regionale Koordination Nord 9.92941,53.55249 Regionale Beratung Mittelhessen 9.05400,48.51372 Regionale Koordination Tübingen 9.05400,48.51372 Regionale Koordination Freiburg 7.84006,47.99322 Mietshäuser Syndikat 7.84006,47.99322 Regionale Beratung Bayern

Manche habe kein Büro, daher keine Koordinaten.

Bei identischen Koordinaten sollten wir kleine unetrschiede einbauen, damit die Punkte in der größten Auflösung nebeneinander liegen.

Das gescheiterte Projekt heisst Eilhardshof und liegt in RP.

Übrigens, wenn du @Jochen schreibst und ich draufklicke komme ich zu irgeneinem komischen Typ. Probiers mal. Im GitHub bin ich Freddi...

rompow commented 10 years ago

@FreddidieKatze haha, ok!

Die Änderungen pflege ich gern ein, hab allerdings noch ein, zwei Anmerkungen:

1.Farbgebung: Find ich gut, was ihr meint, wird so umgesetzt. Die Farbe der Projekt-Marker ist schon im Webseiten-Gelb gehalten. Ich kann euch auch gern mal den Hexadezimal-Code der Farben geben, dann könnt ihr bei Gelegenheit auch gern mal ein wenig mit den Farbtönen spielen und Vorschläge machen : )

  1. Info-Box: Wir wolten diese gar nicht groß ändern, sondern eher etwas schmaler und länglicher haben, da die beinah quadratische Form einfach recht unschön wirkt.
  2. Regionale Beratung/Büros: Entschuldigt, dass ich da nochmal blöd nachfragen muss - aber: Die genannten Beratungs- und Koordinationsstellen sind die sog. "Büros", von denen wir reden, oder? Ich kenn mich leider in der Organisationsstruktur des Synidkats null aus und weiß daher nicht, ob es hierbei nochmal Unterscheidungen/Abstufungen oder ähnliches gibt? Odert anders gefragt: Die Pünktchen von den oben genannten GPS-Koordinaten sollen rot sein, gell? ; )
FreddidieKatze commented 10 years ago

zu 1. gelb faba00 oder rgb 250 186 0 blau 009fb2 oder rgb 0 159 178

zu 2. Ich finde rot gut Das sind oft keine echten Büros mit echten Bürozeiten sondern Anlaufstellen.

rompow commented 10 years ago

@FreddidieKatze

Wollte mich gerade an die Karte machen - find sie aber nicht mehr...

Hast die Seite in "Standortkarte" umbenannt? Wenn ja, hast du nebenbei auch noch die komplette Karte von der Seite gelöscht ; )

rompow commented 10 years ago

Is wieder drin...

rompow commented 10 years ago

@FreddidieKatze In der Liste der Projekte und deren IDs gibt es einige - ich nenn's mal - Doppelnennungen, also Projekte/Initiativen, die zweimal hintereinander (oft auch leicht anders geschrieben) auftauchen und denen somit zwei IDs zugewiesen sind.

Ich bitte um Klärung : )

rompow commented 10 years ago

Die Verlinkungen auf die einzelnen Projekte is jetzt auch drin.

Fehlt noch das Aussehen der blöden Box...

FreddidieKatze commented 10 years ago

sollen wir kurz quatschen?

Jochen Schmidt Faulerstrasse 20 79098 Freiburg

Tel +49 (0761) 7678086

Am 07.03.2014 14:07, schrieb rompow:

Die Verlinkungen auf die einzelnen Projekte is jetzt auch drin.

Fehlt noch das Aussehen der blöden Box...

— Reply to this email directly or view it on GitHub https://github.com/syndikat/responsive-child-syndikat-wp-theme/issues/14#issuecomment-37022201.

FreddidieKatze commented 10 years ago

Schwarzer Punkt Eilhardshof Reihenfolge der Punkte:

  1. Rot
  2. Gelb
  3. Blau
  4. Schwarz

Inhalt fehlt in Box Regionale Koordination Nord, Regionale Koordination Freiburg und Mietshäuser Syndikat?

Regionale Beratung Leipzig 12.32450,51.32598 Regional AG Berlin/Brandenburg 13.37607,52.51860 Regionale Koordination Nord 9.92950,53.55246 Regionale Koordination Tübingen 9.05443,48.51376 Regionale Koordination Freiburg 7.84029,47.99326 Mietshäuser Syndikat 7.84036,47.99338

Bitte berichtigen: Grün8 7.84197,47.99340 Zolle 11 12.32440,51.32603

Box

Liebe Grüße Jochen