Google visualization 谷歌地球艺术：由大陆和；国家（多项决议）

我想制作一个谷歌图表，突出显示不同地区、大陆或基于特定分组的国家

问题是，我无法找到显示

大陆

和

国家

的最佳方式

例如，我想有两个突出的条目：欧洲和日本

我可以使用以下JS代码来尝试此操作：

google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {

var data = google.visualization.arrayToDataTable([
    ['Region', 'Label', {role: 'tooltip', p:{html:true}}],
    ['150', 1, 'Europe'],
    ['Japan', 2, 'Japan']
]);

var options = {
    resolution: 'continents',
}
  var geochart = new google.visualization.GeoChart(
      document.getElementById('visualization'));
  geochart.draw(data, options);
};

上述代码部分有效-欧洲被正确地突出显示和标记。但是，由于

分辨率

设置为

“大陆”

日本不会突出显示。如果我将

分辨率设置为
'countries'
，则会出现相反的问题

所以真正的问题是：

是否有一种方法可以分别用一个数组条目突出显示欧洲和日本，或者我必须将列表中的每个欧洲国家也突出显示日本
 是的，你需要把每一个欧洲国家都列在名单上，才能突出日本

另一种选择可能是绘制两个图表，一个在另一个之上，

使用以下配置选项允许底部的显示通过

backgroundColor: 'transparent',
datalessRegionColor: 'transparent',

但是，这将抑制底部图表上的工具提示

有关示例，请参见以下工作代码段


google.charts.load（'current'，{packages:['geocart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data1=google.visualization.arrayToDataTable([
['Region'，'Label'，{role:'tooltip'，p:{html:true}}]，
['150'，1'欧洲']
]);
变量选项1={
背景色：“透明”，
datalessRegionColor:“透明”，
决议：“大陆”
}
var geogiocart1=新的google.visualization.geogiocart(
document.getElementById（'visualization1'）
);
地球化学1.绘图（数据1，选项1）；
var data2=google.visualization.arrayToDataTable([
['Region'，'Label'，{role:'tooltip'，p:{html:true}}]，
[“日本”，2，“日本”]
]);
var选项2={
背景色：“透明”，
datalessRegionColor:“透明”，
决议：“国家”
}
var geogiocart2=新的google.visualization.geogiocart(
document.getElementById（'visualization2'）
);
地质勘探2.绘图（数据2，选项2）；
}
.geo{
左：0px；
位置：绝对位置；
顶部：0px；
宽度：100%；
}

感谢您抽出时间回答我的问题。我认为纯粹出于视觉目的，你的策略会奏效。然而，我在问题中没有包括的一部分是，这个问题有一个交互组件——单击某个地区/国家会打开一个与该地区数据相关的链接。我想我将不得不把“把每个国家都加入”这个列表，这很乏味，但并不困难。我接受这个答案，因为它从技术上回答了最初提出的问题，而且回答的质量很高，尽管它不是我的解决方案。