如何用highcharts绘制地图？

Question

我有一张包含两个地图点的 highcharts 地图。你可以在 http://jsfiddle.net/na85bqqp/1/.

看到它

以下数据格式似乎不适用于地图线。

        data: [{
          name: 'London',
          lat: 42.4072,
          lon: -71.3824,
        }, 
        {
          name: 'Wisconsin',
          lat: 43.7844,
          lon: -88.7879,
        }]

我想把这两点连接起来。我怎样才能做到这一点？地图线的 Highcharts 文档不正确，所以我不知道如何通过地图线加入地图点。

这是最终的地图，其中点是按线选择的。 http://jsfiddle.net/na85bqqp/2/

Answer 1

在系列

中添加mapline

 {
  type: 'mapline',
  name: 'Lines',
  color: 'green',
  data: [{
    name: 'line',
    path: 'M 5900 -7860 L 9230 -8090', /*first pair(5900 -7860) is point for Wisconsin and second(9230 -8090) is for London */
    lineWidth: 3
  }]
}

Fiddle link

如何用highcharts绘制地图？

How to draw mapline with highcharts?

highcharts

highmaps