放大/動畫地圖或改變視框

Question

我有這個http://bl.ocks.org/nkhine/raw/3150901/：如果你點擊一個國家的代碼重新呈現在地圖（僅在美國，英國和阿富汗地形文件存在）

我被困在如何動畫'國家'，以便'移動'到屏幕中心，並使地圖適合用戶的視口？

我正在做的是淡出，然後刪除id ='countries'https://gist.github.com/nkhine/3150901#file-client-js-L120的'svg'元素，然後添加id ='country'，我在其中根據提供的topo文件繪製該國家。

我試圖刪除整個svg並重新創建它，但這並不「感覺」是正確的方法！

什麼是正確的方式來改變viewBox而不必重繪整個SVG？

任何意見大加讚賞

Answer 1

我相信你需要改變你的。對（「點擊」）函數來使用已點擊了該國的質心的圖像平移，看到這裏http://bl.ocks.org/mbostock/2206590 D3的例子。