0

我有这个http://bl.ocks.org/nkhine/raw/3150901/如果你点击一个国家,代码会重新渲染地图(只有美国、英国和阿富汗的地形文件存在)

我被困在如何为“国家”设置动画,使其“移动”到屏幕的中心,并使地图适合用户的视口?

我正在做的是淡出然后删除 id='countries' https://gist.github.com/nkhine/3150901#file-client-js-L120的 'svg g' 元素,然后添加 id=我根据提供的拓扑文件在其中绘制国家/地区的“国家/地区”。

我试图删除整个 svg 并重新创建它,但这并不“感觉”是正确的方法!

在不必重绘整个 SVG 的情况下更改 viewBox 的正确方法是什么?

非常感谢任何建议

4

1 回答 1

0

我相信您需要更改 .on("click") 函数以使用已点击国家的质心来翻译图像,请参见此处的 d3 示例http://bl.ocks.org/mbostock/2206590

于 2013-03-02T14:38:41.400 回答