Mais

Desativando a reprodução automática de Torque + redefinindo a IU

Desativando a reprodução automática de Torque + redefinindo a IU


Estou construindo um mapa em CartoDB.js que inclui várias camadas, incluindo uma camada de Torque. Como há outras informações no mapa e uma barra lateral para ler, não quero que a camada Torque seja reproduzida automaticamente.

Parece haver algumas maneiras fáceis de fazer isso - torqueLayer.stop () / torqueLayer.pause () / torqueLayer.toggle () funcionam para impedir que ele seja reproduzido. E eu vi esta resposta anterior: Gráfico de torque CartoDB para de tocar no carregamento da página

Mas eles não redefinem a IU dos controles. Com esta solução, o ícone à esquerda do controle deslizante padrão mostra duas barras para pausa, em vez de um triângulo para reproduzir. Parece que a IU responde apenas a cliques.

Como posso alterar a IU para corresponder ao estado da animação?


Como solução alternativa, forcei a IU a sempre usar o ícone de reprodução com este CSS:

div.cartodb-timeslider a.button {background-position: -42px -55px! important; }

Isso evita que o ícone de pausa apareça quando o Torque é interrompido, mas parece melhor para usabilidade.


Assista o vídeo: Facebook não reproduz vídeos no celular RESOLVIDO