cartodb - 同じタイルレイヤーの複数の時系列マップを表示および制御する

Question

カルテで生成された5つのアニメーションヒートマップ時系列を持っています。自分のウェブページでボタンがクリックされると、それらを一つ一つ表示する必要があります。

ここに私のページのスクリーンショット 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; 
    } 

誰かが正しい方向で私を指し示すことができたら嬉しいです。

ありがとうございます！代わりにレイヤーを作成し、除去する

yajith

Answer 1

、私はin this working exampleが説明したように隠れて、それらを示してお勧めします。

最初に、関数を作成して、layersを引数として受け取り、クリックするとアクティブにする必要があります。したがって、必要に応じてレイヤーを表示および非表示にします。次に、視覚化またはa layer with sublayersを作成し、前の関数を呼び出します。