如何从Highmaps地图气泡中的Google电子表格导入数据

Question

我用Highmaps构建了一个地图气泡，只要它从此js文件中获取数据，就可以正常工作：

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

请参阅fiddle

下一步，我想从此Google电子表格中导入数据：

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

为此，我添加了此代码：

  data: {
    googleSpreadsheetKey: '1vkOXfueP5dsAdaRH433kP4SY1KJCxN6W7hPwj79zd_g'
  },

请参见fiddle

很遗憾，它不起作用。我还需要做什么？

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