Google sheets 如何在Highmaps map bubble中从google电子表格导入数据

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

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

看

---

不幸的是，它不起作用。我还需要做什么？

您需要使用

序列映射

属性从数据正确创建气泡序列。另外，添加地图系列，例如在

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'
    });
  }
}

---

现场演示：

---

API参考：

我试图从您的数据表生成一个JSON文件，我找到了本教程（）。之后，您需要解析JSON文件。谢谢您，Bernardo。我试图通过JSON导入数据。至少显示了贴图，但气泡仍然丢失。谢谢大家，@ppotaczek数据导入现在工作正常。但出现了另一个问题。当我开始缩放时，气泡位于正确的位置，但它们后面的贴图不在正确的位置。请看，上面描述的缩放问题是在一夜之间解决的，无需执行任何操作。但以另一种方式缩放仍然会产生问题：第一个版本在桌面上看起来不错，但在移动设备上仍然会出现问题：嗨@Johannes Christ，我已经测试了你的示例，一切似乎都很好。你能更精确地描述这个问题吗？嗨，PPOTACZEK，当地图第一次被装载的时候，气泡和地图是不相配的：例如美国的泡沫在大西洋的中部。通过拖放方式移动地图或放大地图时，会将地图移动到正确的位置：

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'
    });
  }
}