Как нарисовать карту с помощью highcharts?

У меня есть карта 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/


highcharts highmaps
person Akshar Raaj    schedule 17.02.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Добавьте 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
  }]
}

Ссылка на скрипку

person Deep 3015    schedule 17.02.2017
comment
Как вы нашли эти числа, 5900 и -7860? Могу ли я работать без пути в данных? В идеале я хотел бы, чтобы данные карты работали либо с широтой/долготой, либо с названием города, например, Висконсин и Лондон. В моем наборе данных у меня нет этих чисел 5900 и -7860, и я не хочу запускать какую-либо функцию javascript для получения этих чисел, поскольку я сериализую свои данные из python и использую их с highcharts. - person Akshar Raaj; 18.02.2017
comment
изменение этой утилиты документирования highmap -- fiddle я могу получить значения y и x. вы должны сохранить эти значения в БД, поскольку вы сохраняете значения lat и lon - person Deep 3015; 18.02.2017