Hallo zusammen,
es gibt Problem mit dem Anzeigen von Map in Tabbed Panels bzw. Accordion.
Es funktioniert, wenn der Code in einer einfachen HTML-Seite liegt.
Weiß jemand, woran es liegt?
Ich glaube, sinnvoll wäre, wenn Du Dein Problem etwas genauer beschreibst, statt nur den Code sprechen zu lassen - das wird sich wahrscheinlich niemand genauer anschauen.
Mir kommt das Problem bekannt vor, ich hab aber keine Lust im blauen rumzustochern.
Besser als nur ein Code-Ausschnitt, bei dem die vermutlich relevanteren HTML und CSS Angaben noch fehlen, wäre ein Link zu einem lauffähigen Beispiel, idealerweise auf das Problem reduziert.
Wir betrachten das Register 2 DIV-Element mit Id=“l_ff_f1”.
Es hat 2 innere DIV, DIV#c_l_vF1 enthält Register-Überschrift (Routenkarte), DIV#l_ff1 Register-Inhalt.
Unterhalb DIV#l_ff1 ist** DIV#f1**, in diesem DIV-Bereich mit Id=“f1” soll Routing-Map erscheinen,
z.B. der Route-Verlauf von A nach B.
Bei onload wird onclick-event von DIV#c_l_vF1 registriert.
Folgendes ist der Ablauf:
Register “Routenkarte” ist am Anfang geschlossen.
Nachdem Klick darauf wird Register-Inhalt geöffnet und die Funktion showRouteMap() aufgerufen.
In dem DIV-Bereich mit id=“f1” sieht man nur grauen Bereich mit Zoom-Symbol ± aber kein Map.
Wenn ich den Code in einem Test-HTML-Seite hinzufügen, dann erscheint der Map
Ich kann jetzt die 2 Marker A und B sehen aber die Linie dazwischen nicht.
In dem Logbuch von Konsole steht folgendes:
Routing error: Object { status: -3, message: “TypeError: instructionObject is null” } jsosm.leaflet-routing-machine.js:2608:5
“Ich habe ein Problem. Bitte lösen.”
“Was für ein Problem?”
“Es geht nicht.”
“Was geht nicht?”
“Es wird keine Linie angezeigt.”
“Welche Linie?”
…
Die unendliche Geschichte. Entwickler finden Fehler normalerweise durch Debuggen. Deine stückchenweisen Infos ohne ein zusammenhängendes, lauffähiges Beispiel wird nicht viele Leute dazu animieren, dir zu helfen.
Davon abgesehen, hast du nichts von dem Projekt bekanntgegeben. Um ein Hobbyprojekt handelt es eher nicht, weil dann würdest du nicht so ein Geheimnis darum machen.
Es tut mir leid, dass ich nicht klar beschrieben habe.
Ich arbeite an einer komplexen Web-Applikation in einer Firma,
deswegen gibt es kein Link zu einem lauffähigen Beispiel.
An einer website gibt es einen DIV-Bereich, wo es Accordion liegt.
Ich verwende Bibliotheken leaflet.js Version 1.1.0 und leaflet-rounting-machine.js Version 3.2.5
Es geht darum, dass durch vorhandene Koordinaten die Route(z.B. A->B) auf der Karte
angezeigt wird.
In der Web-Applikation in Accordion sieht man die 2 Marker auf der Karte, die Verlauf-Linie ist nicht zu sehen. Die Verlauf-Linie zeigt,
wie man vom Marker A nach Marker B fährt
Hm. Was soll man dazu sagen? Firma, komplexe Applikation, keine Entwickler (nee, nur CSS und HTML beherrschen zählt da nicht), Geheimniskrämerei? Dann müßt ihr euch halt das Wissen einkaufen. Es gibt zwischenzeitlich genug Selbständige und Unternehmen, die das können und als Dienstleistung anbieten. Oder, wenn ihr kein Geld ausgeben wollt:
Be warned: Auch dort sieht man so ein “Details aus der Nase ziehen müssen”-Verhalten nicht so gerne.
Ich bin damit auch raus aus der Konversation. Viel Glück.