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