Mehr

Deaktivieren von Torque Autoplay + Zurücksetzen der Benutzeroberfläche

Deaktivieren von Torque Autoplay + Zurücksetzen der Benutzeroberfläche


Ich erstelle eine Karte in CartoDB.js, die mehrere Ebenen enthält, einschließlich einer Torque-Ebene. Da es andere Informationen auf der Karte und eine Seitenleiste zum Lesen gibt, möchte ich nicht, dass die Torque-Ebene automatisch abgespielt wird.

Es scheint ein paar einfache Möglichkeiten zu geben, dies zu tun - TorqueLayer.stop () / TorqueLayer.pause () / TorqueLayer.toggle () alle funktionieren, um das Abspielen zu verhindern. Und ich habe diese vorherige Antwort gesehen: CartoDB-Drehmomentdiagramm stoppt beim Laden der Seite

Aber sie setzen die Benutzeroberfläche der Steuerelemente nicht zurück. Bei dieser Lösung zeigt das Symbol links neben dem Standardschieberegler zwei Balken für die Pause anstelle eines Dreiecks für die Wiedergabe. Anscheinend reagiert die Benutzeroberfläche nur auf Klicks.

Wie kann ich die Benutzeroberfläche an den Zustand der Animation anpassen?


Als Workaround habe ich die Benutzeroberfläche gezwungen, immer das Play-Symbol mit diesem CSS zu verwenden:

div.cartodb-timeslider a.button { Hintergrundposition: -42px -55px !wichtig; }

Dies verhindert, dass das Pause-Symbol angezeigt wird, wenn Torque gestoppt wird, scheint aber für die Benutzerfreundlichkeit besser zu sein.