实时向数据地图添加弧

时间:2017-11-26 23:40:03

标签: javascript d3.js datamaps

在我的代码中,我在美国地图中形成了几个弧。但是,我很困惑如何绘制坐标实时添加的弧。我通过使用工作睡眠功能10秒来模拟这个。代码在这里:https://pastebin.com/D2gSydUS

这是我定义和调用弧的地方:

var arcs = [
            {
                origin: {
                    latitude: 64.2008,
                    longitude: -149.4937
                },
                destination: {
                    latitude: 21.289373,
                    longitude: -157.917480
                }
            },
            {
                origin: {
                    latitude: 37.618889,
                    longitude: -122.375
                },
                destination: {
                    latitude: 30.194444,
                    longitude: -97.67
                }
            }
        ];

        map.arc(arcs, {strokeWidth: 2});

我在网上看过例子,但数据地图网站上没有任何细节,其源代码也没有特别有用。

屏幕的样子:

enter image description here

0 个答案:

没有答案