2016-03-04 54 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!! 
} 
相关问题