cartodb - 在同一瓦片层上切换显示和控制多个时间序列图

Question

我在 carto 中生成了五个动画热图时间序列。当我在我的网页中点击一个按钮时，我需要一个一个地显示它们。

这是我页面的截图 screenshot

这个想法是只有相关的时间序列图应该显示为单击的按钮。

我设法使用以下方法在按钮单击时加载热图，但它不会清除先前的活动层，而且时间序列控制（播放/暂停）似乎仅适用于初始层。

 var LayerActions = {

 button1: function(){
   var sublayer = layer.getSubLayer(0);
   cartodb.createLayer(map, layerUrl, layerOptions).addTo(map);            
   return true;  
   },

   button2: function(){
   cartodb.createLayer(map, layerUrl2, layerOptions).addTo(map);
   return true;
   }

感谢有人能指出我正确的方向。

提前致谢！

亚吉特

Answer 1

我建议按照in this working example 的说明隐藏和显示它们，而不是创建和删除图层。

首先，您必须创建一个createSelector 函数，该函数接受layers 作为参数，并在单击时激活。从而根据需要显示和隐藏您的图层。其次，创建一个可视化或a layer with sublayers 并调用上一个函数。