WBCE CMS Forum

franzluwein

Mitglied

OSM-Kartendroplet & NWI

Hallo,

ich nutze das Template Lesefaken mit dem Modul NwI und (neu) dem OSM-Kartendroplet.

zur Information der Wanderer auf einen Fernwanderweg wollte ich NwI nutzen. Das klappt auch sehr gut.
Nun war meine Idee, mit dem OSM-Kartendroplet die Textinformationen noch zu ergänzen.
Auch das hat (fast) auf Anhieb sehr gut funktioniert.
Danach habe ich einige CSS Anweisungen (#map { height: 250px; width: 50%; float:right; margin: 20px 0px 20px 40px;}) im Droplet ergänzt.
Bis dahin alles OK!

Dann bin ich so vorgegangen wie (fast) immer.
funktionierenden Newsartikel markiert, kopiert, aktiviert, Startdatum angepasst, gespeichert und dann im FE angeschaut.
Da war meine Überraschung groß.
Der neue "identische" Artikel wurde zwar wie erwartet und gewünscht ganz oben angezeigt, aber darunter bei dem gerade kopierten Original herrschte an der Stelle, an der eben noch die Karte zu sehen war, gähnende Leere. Das Aussehen des Infotextes war unverändert.

Der FF-Inspektor sagt mir, dass an der leeren Stelle nur noch <div id=map></div> steht und damit den Platz für die Karte reserviert hat.

Alles das, was da eigentlich hingehört wie "class="leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom"" usw. usw. fehlt komplett.

Folge ich dem Link "weitere Details" wird dort zur großen Freude auch die Karte wieder angezeigt.

Was habe ich falsch gemacht?
Was ist zu tun?

Mit freundlichem Gruß

Franz Luwein.

Sorry, wenn ich euch mittlerweile auf den Wecker gehe.

florian

Administrator

Re: OSM-Kartendroplet & NWI

Das Droplet ist von Haus aus nicht dafür gemacht, mehrfach auf einer Seite angezeigt zu werden. Das ist aber kein Problem.
Ergänze im Dropletcode nach

$comment = isset($comment) ? $comment : '';

die Zeile

$id = isset($id) ? $id : '';

Ändere die Zeilen

<style>
   #map {height: '.$height.'px; }
   </style> 
 <div id="map"></div>
   <script language="javascript">
      function init() {
      	 var map = L.map(\'map\');

zu

<style>
   #map'.$id.' {height: '.$height.'px; }
   </style> 
<div id="map'.$id.'"></div>
   <script language="javascript">
      function init() {
      	 var map = L.map(\'map'.$id.'\');

Rufe nun das Droplet jeweils mit einem weiteren eindeutigen Parameter "id" auf, z.B.
[[osmmap?lat=54.509649&lon=13.375944&id=1]]
[[osmmap?lat=52.509649&lon=13.375944&id=2]]
usw.
Was du als ID verwendest, ist egal, es kann auch
[[osmmap?lat=54.509649&lon=13.375944&id=apfelbaum]]
[[osmmap?lat=52.509649&lon=13.375944&id=kuchenstueck]]
o.ä. sein, Hauptsache keine Sonder- und Leerzeichen und Umlaute.

---

Code allein macht nicht glücklich. Jetzt spenden!

franzluwein

Mitglied

Re: OSM-Kartendroplet & NWI

Hallo Florian,

PERFEKT!
Danke!

Bei dem ganzen hin und her geklicke, ist mir im BE (Fraggy Backend Theme) aufgefallen, dass dort irgendetwas im Zusammenspiel der Admin-Tools - Droplet und der Auswahl der Droplets nicht rund läuft.
Bei mir "funktioniert" eigentlich nur die erste Zeile (EditThisPage). Bei allen anderen muss eine Zeile tiefer geklickt werden, um das passende Droplet zu erreichen.
Du als Insider weist sicherlich wer da einmal ein Auge drauf werfen sollte.

Das WBCE Flat Theme macht diese Zicken nicht.

Einen schönen restlichen Sonntag wünscht

Franz Luwein

franzluwein

Mitglied

Re: OSM-Kartendroplet & NWI

Hallo

erst jetzt, wo alle Karten erscheinen, fällt mir noch etwas auf.
Beim scrollen verschwinden Beitragsbild und Beitragstext - so wie es ein soll - oben unter dem Menü.
Die Karte jedoch befindet sich offensichtlich "ganz oben" und verdecke so einen Teil des Menüs.

An welcher Schraube sollte ich drehen, dass sich die Karte so wie der Rest verhält?

Mit freundlichem Gruß

Franz Luwein

florian

Administrator

Re: OSM-Kartendroplet & NWI

Ergänze im OSM-Droplet den z-index 99, d.h. ändere die Zeile

   #map {height: '.$height.'px; }

zu

   #map'.$id.' { z-index:99; height: '.$height.'px; }

---

Code allein macht nicht glücklich. Jetzt spenden!

franzluwein

Mitglied

Re: OSM-Kartendroplet & NWI

Hallo Florian,

die Schräubchen, an denen gedeht wird, werden immer kleiner.
Danke für deine Geduld mit mir.

Gruß

Franz

florian

Administrator

Re: OSM-Kartendroplet & NWI

Danke für deine Geduld mit mir.

Kein Problem, gern geschehen.

Bei dem ganzen hin und her geklicke, ist mir im BE (Fraggy Backend Theme) aufgefallen, dass dort irgendetwas im Zusammenspiel der Admin-Tools - Droplet und der Auswahl der Droplets nicht rund läuft.
Bei mir "funktioniert" eigentlich nur die erste Zeile (EditThisPage). Bei allen anderen muss eine Zeile tiefer geklickt werden, um das passende Droplet zu erreichen.

Das kann ich so auf Anhieb mit WBCE 1.4 und Fraggy 2.2.0 nicht reproduzieren. Wenn ich da auf den "Bearbeiten-Stift" z.B. bei "Lorem" klicke, wird auch das Droplet "Lorem" zum Bearbeiten geöffnet. Hast Du die aktuelle Fraggy-Backend-Theme-Version?

---

Code allein macht nicht glücklich. Jetzt spenden!

franzluwein

Mitglied

Re: OSM-Kartendroplet & NWI

Hallo Florian,

das Problem ist nicht der "Bearbeiten-Stift". Der funktioniert. Ich habe auf das Kästchen davor geklickt. Dort ist der Durcheinander.

WBCE: 1.4.0-beta.1 Theme: 2.2.0

Gruß

Franz

florian

Administrator

Re: OSM-Kartendroplet & NWI

Ergänze in der /modules/droplets/backend.css die folgenden Zeilen:

.tooltip {
	position:relative !important;
	opacity:1 !important;
	display:inline-block !important;
}

.fa-files:before {
	content:"\f0c5";
}

Am besten, nachdem Du die Website auf 1.4.0 aktualisiert hast. In der 1.4.0-beta.1 waren noch einige Bugs.
(Der Darstellungsfehler beim Zusammenspiel von Droplets und Fraggy BE-Theme tritt aber auch bei der 1.4.0 auf und muss durch obige Änderung am CSS  gefixt werden)

---

Code allein macht nicht glücklich. Jetzt spenden!

franzluwein

Mitglied

Re: OSM-Kartendroplet & NWI

Ja! Jetzt sieht das schon ganz anders aus.
Alle Spalten sind da und auch das Markieren funktioniert.
Gut gemacht!

Gruß

Franz

franzluwein

Mitglied

Re: OSM-Kartendroplet & NWI

Hallo Florian,

ich komme noch einmal auf diese Sache zurück.

Ich habe die vorgeschlagenen Änderunge vorgenommen und alles Läuft perfekt.

Rufe nun das Droplet jeweils mit einem weiteren eindeutigen Parameter "id" auf, z.B.
[[osmmap?lat=54.509649&lon=13.375944&id=1]]
[[osmmap?lat=52.509649&lon=13.375944&id=2]]
usw.
Was du als ID verwendest, ist egal....

Um keine Verwirrung zu stiften, habe ich bei den Karten immer die POST_ID verwendet.
Beim kopieren der Posts werden natürlich auch die vergebenen IDs mitkopiert.
OK, ein Blick auf den "Link" und die Zahl vor dem .php verwenden geht.
Könnte man das nicht automatisch erledigen lassen?
Mir schwebt da etwas vor in der Art &id=[POST_ID] ]]
So geht es zwar nicht, aber vielleicht so ähnlich.

Gruß

Franz Luwein

florian

Administrator

Re: OSM-Kartendroplet & NWI

Du rufst das OSM-Droplet im Newsbeitrag auf, dort stehen die Platzhalter nicht zur Verfügung.

Du kannst aber die händisch vergebene ID durch einen im droplet automatisch generierten Zufallswert ersetzen, dann muss diese nicht mehr angegeben werden.
D.h. ersetzeim Droplet die Zeile

$id = isset($id) ? $id : '';

durch

srand ((double)microtime()*1000000);
$id = rand ();

Dann erhalten alle Maps eine ID wie map1985301493 oder map226219176.

Den ID-Parameter im dropletaufruf bei den bestehenden Maps kannst Du stehen lassen oder rauslöschen, dieser wird nicht mehr berücksichtigt.

---

Code allein macht nicht glücklich. Jetzt spenden!