Javascript 为一次飞行设置动画

我曾尝试基于两个坐标对（用作起点和着陆点）为单个飞行设置动画。但是我被错误缠住了：

错误：属性d:应为数字“…”

来自d3.js

我认为d3本身没有问题；更有可能是我的实现。这是我对真正的罪犯的预感：

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

完整的代码在我的

根据我的检查和故障排除，一切似乎都正常。为了简单起见，我甚至对坐标数据进行了硬编码。我不知道为什么这是不可能的

问题

---

造成错误的原因是什么？如何设置平面动画，使其仅从一点移动到另一点？

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

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

以下是更改后的代码：