Блог

Я построил карту с помощью Highmaps: см. Скрипку

Данные взяты из этой таблицы Google

см. Код:

   data: {
googleAPIKey: 'AIzaSyB-ZvAYEcpvptgn77Mfld0iHwSRAVepo7I',
googleSpreadsheetKey: '105jszNGYP9P8g5mnmPY2wZgofnayy8TPZM2RBKYTf-c',
seriesMapping: [{
  'land': 0,
  'inzidenz': 1,
  'value': 1,
  'hc-key': 2,
  'lat': 3,
  'lon': 4
},{
  'land': 0,
  'inzidenz': 1,
  'value': 1,
  'hc-key': 2,
  'lat': 3,
  'lon': 4,
  'z': 1
}],
complete: function(options) {
  options.series[0].name = 'Inzidenz';
  options.series[1].name = 'Labels';
}},
 

Но данные отображаются не на правильных полигонах, например, значение Гессена в Баварии и т. Д.

Эта проблема связана с ошибкой регрессии Highmaps: https://github.com/highcharts/highcharts/issues/16782

В качестве обходного пути вы можете добавить пустую точку при инициализации:

   series: [{
    type: 'map',
    data: [{}],
    ...
  }, ...]
 

Живая демонстрация: https: //jsfiddle.net/blackLabel/edpbjvm1/

Есть ли причина, по которой вы используете mapbubble вместо map как свой series.type ?

Если вы измените его на map, это сработает.

https://jsfiddle.net/vf8o7cnd/1/