我已经在SVG中创建了一个非常基本的Choropleth贴图，并且实现了缩放到边界框的功能，因此，当您单击贴图中的某个区域时，它将放大直到该区域填满视口。缩放过渡非常混乱且缓慢。
SVG是在带有React-Spring的React应用程序中生成的，用于过渡和动画。我以为可以确保问题不会以某种方式与React关联。但是，我制作了一个codeandbox进行测试，它仅包含渲染的SVG和一段简单的JavaScript，以在缩放的开始和结束之间运行过渡。我可以看到问题不是React，因为过渡仍然很不稳定而且很慢。
https://codesandbox.io/s/4qom1wmno9
我希望这样的地图不那么复杂，并且在转换过程中不会那么慢。它由相当简单的几何组成。从重量小于30kb的topojson文件生成，并且仅渲染了280个左右path。