2017-10-31 14 views
0

私はを基に、datatablesテーブルのポイントを持つGoogleマップを描画しています。私がdatatablesテーブルをフィルタリングするとき、私は地図上のポイントをそのようにフィルタリングしたい。d3 + google map - データポイントを削除する

何らかの理由でexit().remove()を使用すると、すべてのポイントが削除されます。

私のコードをシミュレートするには、Mikeの例をフォークし、exit()。remove()を追加しました。あなたが見ることができるように

// trying to remove points which do not show up on reload 
    .exit().remove() 
    // end trying to remove points which do not show up on reload 

がすべて消えるまでのポイントを起こしブロック、https://bl.ocks.org/louking/a62333735faca758cb70d431b790f463

参照してください。

どうすれば解決できますか?そして、ここで何が起こっているのか説明してください。

ありがとうございます!

答えて

1

メソッドの入力と終了は、すべて選択項目でのみ可能です。 d3更新パターンhereに関するこの短いチュートリアルを実行することができます。

// trying to remove points which do not show up on reload 
marker.exit().remove() 
// end trying to remove points which do not show up on reload 
marker.enter().append("svg") 
     .each(transform) 
     .attr("class", "marker"); 
+0

あなたが投稿したリンクは移行中でした。私は指針としてhttps://bl.ocks.org/mbostock/3808218を使用していました。間違いは、マーカーがvar marker = layer.selectAll( "svg").data(d3.entries(data))の後に返されたと仮定していたようです。作業バージョンはhttps://codepen.io/louking/pen/zPreZRにあります –

関連する問題