Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps Google图纸:地图不使用自定义标记进行渲染_Google Maps_Google Apps Script_Google Sheets Api_Google Datatable - Fatal编程技术网

Google maps Google图纸:地图不使用自定义标记进行渲染

Google maps Google图纸:地图不使用自定义标记进行渲染,google-maps,google-apps-script,google-sheets-api,google-datatable,Google Maps,Google Apps Script,Google Sheets Api,Google Datatable,我正在尝试在谷歌图纸中渲染地图并设置自定义标记。我已经遵循了应用程序脚本文档,这些文档涉及此主题:。正在使用图标在正确位置渲染贴图,但图标是默认设置 我检查了我的img URL(通过将它们设置为默认值),它们工作正常(下面的URL是假的)。我认为问题在于如何将options.icons.keys与dataTable第3列中的数据相匹配 以下是从 下面是创建地图的函数: function drawMap() { points = <?= jsonPoints ?>; var

我正在尝试在谷歌图纸中渲染地图并设置自定义标记。我已经遵循了应用程序脚本文档,这些文档涉及此主题:。正在使用图标在正确位置渲染贴图,但图标是默认设置

我检查了我的img URL(通过将它们设置为默认值),它们工作正常(下面的URL是假的)。我认为问题在于如何将options.icons.keys与dataTable第3列中的数据相匹配

以下是从

下面是创建地图的函数:

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);
}; 
函数drawMap(){
点数=;
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='1〕https://image.ibb.co/';
变量选项={
showTooltip:true,
showInfoWindow:true,
useMapTypeControl:true,
图标:{
红色:{
正常:url+'/red.png',
所选:url+'/red.png'
},
蓝色:{
正常:url+'/Blue.png',
所选:url+'/Blue.png'
},
绿色:{
正常:url+'/Green.png',
所选:url+'/Green.png'
}
}
};
var map=new google.visualization.map(document.getElementById('chart');
绘制地图(数据、选项);
}; 
我曾尝试在options.icons.keys上加引号,比如
“Green”
,但没有成功

有什么想法吗


谢谢大家!

找到了答案。添加了第四列,该列的数据基本相同。一列转到工具提示,另一列用作标记:

  data.addColumn('number', 'Latitude');
  data.addColumn('number', 'Longitude');
  data.addColumn('string', 'Tooltip_Data');
  data.addColumn('string', 'Marker');
现在图标被渲染了

  data.addColumn('number', 'Latitude');
  data.addColumn('number', 'Longitude');
  data.addColumn('string', 'Tooltip_Data');
  data.addColumn('string', 'Marker');