Topojson动画一次飞行

Question

我已经尝试根据两个坐标对（用作起点和着陆点）为单个飞行设置动画。但是我陷入了错误：

错误：属性d：期望数字，“ ...”。

来自d3.js。

我不认为d3本身有问题；更有可能是我的实现。这是我真正的罪魁祸首：

           var routeOne = svg.append('path')
              .datum({type: "LineString", coordinates: [coordinatesSH,coordinatesTK]})
              .attr('class', 'route')
              .attr('d', path);

我的block处的完整代码。

为了我最好的检查和排除故障，一切似乎都井然有序。为了简单起见，我甚至对坐标数据进行了硬编码。我不确定为什么不行。

问题是什么引起错误，如何使飞机动画以简单地从一个点移动到另一个点？

Answer 1

您的基准面已投影坐标。相反，它应该只包含坐标本身：

.datum({type: "LineString", coordinates: [[121.4737,31.2304],[139.7690,35.3804]]})

这是您的更改代码：https://bl.ocks.org/GerardoFurtado/35411b29afd3b69f5310f395109b09e2/caeb523aef9dd377a9d3ba624e32b9f3d93d1ccf