google-maps - ICCube 报告谷歌地图设置

Question

如何配置 icCube 以便它可以显示 Google map 小部件。我找不到文档中的指南，也找不到应用程序本身的选项。我熟悉使用 google maps api 和例如 JS，但如何在 icCube 中执行此操作？一些帮助将不胜感激。

Answer 1

V8版本

可在此处找到 icCube v8+ Google map 的文档:https://livedemo.iccube.com/icCube/report/help?ic3demo=&ic3topic=widgets.Maps&ic3locale=en

您需要设置一个谷歌地图 API key 并在 ic3report-config.js 文件中激活它: https://livedemo.iccube.com/icCube/report/help?ic3demo=&ic3topic=gettingstarted.Configuration&ic3locale=en

options.google = {
    region: "",
    key: "...",
    renderedDelayMS: 1000,
}

---

V7版本

IcCube 支持两种类型的谷歌地图:HeatingMap 和RegionMap。加热图需要经度、纬度和加热强度测量作为列和行上的可迭代对象。区域 map 需要根据 ISO 和值列的区域标识符。我在演示服务器上创建了一个带有 map 的示例报告:

https://demo6.iccube.com/icCube/doc/ic3report?ic3demo&name=%2Fshared%2FStackOverflow%2FGoogle%20Region%20Widget%20With%20Data&menu=on

https://demo6.iccube.com/icCube/doc/ic3report?ic3demo&name=%2Fshared%2FStackOverflow%2FGoogle%20Heatmap%20Widget%20With%20Data&menu=on

您还需要设置一个谷歌地图 API key 。为此，您可以将配置选项添加到管理 -> 报告配置 JS:

function ic3config(options) {
  options.googleMapApiKey = "xxxxxxxxxxxxxxxxxxxxxx";
} 

[编辑] 该文件可以通过管理/文档控制台访问，如附图所示。