2016-03-04 19 views
0
  1. 如何爲d3地圖添加交互性?
  2. 我想添加功能來查看我的數據集,當你放大和縮小d3地圖。有沒有回調或什麼可以讓我做到這一點?
    2.1我也希望在縮放到相當無縫時轉換到顯示的新數據。
+0

通常使用相同的事件,您使用,使HTML互動,點擊,懸停等 – dandavis

+0

你喜歡這例? http://bl.ocks.org/mbostock/4132797我敢肯定,你可以爲貼圖「關閉」的圖塊製作自定義加載函數,以便查詢數據庫。 – tarulen

回答

0

d3.behavior.zoom has 3 event handlers

1)zoomstart - 在變焦手勢(例如,touchstart)的開始。

2.)zoom - 當視圖改變時(例如touchmove)。

3.)zoomend - 在當前縮放手勢(例如touchend)的末尾。

所以,這似乎是您的情況符合zoomend之情況:

var zoom = d3.behavior.zoom() 
    .on("zoom", zoomed) 
    .on("zoomend", zoomend); 

function zoomed() { 
    features.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")"); 
} 

function zoomend(){ 
    // query dataset and do awesome stuff!! 
} 
相關問題