Как импортировать данные из электронной таблицы Google в пузыре карты Highmaps

Question

Я создал пузырь карты с Highmaps, который прекрасно работает, пока он получает данные из этого js файла:

<script src="https://medien.lb.madsack.de/rnd/jchrist/coronaweltkarte.js"></script>

см. скрипку

На следующем шаге я хочу импортировать данные из этой электронной таблицы Google:

https://docs.google.com/spreadsheets/d/1vkOXfueP5dsAdaRH433kP4SY1KJCxN6W7hPwj79zd_g/edit#gid = 480378207

Для этого я добавил этот код:

  data: {
    googleSpreadsheetKey: '1vkOXfueP5dsAdaRH433kP4SY1KJCxN6W7hPwj79zd_g'
  },

см. скрипка

К сожалению, это не работает. Что еще мне нужно сделать?

Answer 1

Вам необходимо использовать свойство seriesMapping, чтобы правильно создавать серии пузырьков из ваших данных. Кроме того, добавьте серию карт, например, в complete функцию обратного вызова.

data: {
  googleSpreadsheetKey: '1vkOXfueP5dsAdaRH433kP4SY1KJCxN6W7hPwj79zd_g',
  seriesMapping: [{
    z: 0,
    land: 4,
    lat: 5,
    lon: 6,
    infder: 3,
    totins: 1,
    genins: 2
  }],
  complete: function(options) {
    options.series[0].name = 'Infizierte';
    options.series.push({ // Add map series
      name: 'Länder'
    });
  }
}

---

Демонстрационная версия: https://jsfiddle.net/BlackLabel/v3m59kyw/1/

Справочник по API: https://api.highcharts.com/highmaps/data.seriesMapping