Question

我正在尝试在Google表格中渲染地图并设置自定义标记。我已经按照了关于此主题的App脚本文档：Visualization: Map。地图正在使用正确位置的图标进行渲染，但图标是默认设置。

我检查了我的img网址（通过将它们设置为默认值）并且它们有效（以下网址是假的）。我相信这个问题在于将options.icons.keys与dataTable 3rd列中的数据进行匹配。

以下是从<?= jsonPoints ?>

中提取的原始数据

[[29.59260664700021,-95.77028110299972,"Red"],
[29.591301814000055,-95.76907472100011,"Green"],
[29.591178932000005,-95.76802742100018,"Red"],
[29.587551849000003,-95.77229599100004,"Blue"]]

这是创建地图的功能：

function drawMap() {
  points = <?= jsonPoints ?>;

  var data = new google.visualization.DataTable();
  data.addColumn('number', 'Latitude');
  data.addColumn('number', 'Longitude');
  data.addColumn('string', 'Point Type');
  data.addRows(JSON.parse(points))

  var url = 'https://image.ibb.co/';
  var options = {
    showTooltip: true,
    showInfoWindow: true,
    useMapTypeControl: true,
    icons: {
      Red: {
        normal:   url + '/red.png',
        selected: url + '/red.png'
      },
      Blue: {
        normal:   url + '/Blue.png',
        selected: url + '/Blue.png'
      },
      Green: {
        normal:   url + '/Green.png',
        selected: url + '/Green.png'
      }
    }
  };
  var map = new google.visualization.Map(document.getElementById('chart'));
  map.draw(data, options);
};

我尝试在options.icons.keys上添加引号，例如"Green"，但这不起作用。

有什么想法吗？

谢谢！

Answer 1

想出来。添加了第四列，基本上具有相同的数据。一列进入工具提示，另一列用作标记：

string

现在渲染图标了！

Google表格：地图无法使用自定义标记进行渲染

1 个答案: