我想用GeoChart显示法国地区的地图。
https://developers.google.com/chart/interactive/docs/gallery/geochart#regions-mode-format
上一个链接中提到的ISO 3166代码,例如,普罗旺斯 - 阿尔卑斯 - 蓝色海岸地区的FR-U
。
https://en.wikipedia.org/wiki/Provence-Alpes-C%C3%B4te_d“海岸
这是我的选择:
var options = {
region: 'FR-U',
displayMode: 'markers',
colorAxis: {colors: ['green', 'blue']}
};
然而,这不起作用。我收到以下错误消息:Requested map does not exist.
。这不是由于我的代码,因为如果我放FR
而不是FR-U
它可以正常工作。
地图根本不存在吗?
答案 0 :(得分:1)
您引用的链接是区域图表的 Data Format
分开 region
的选项接受以下内容......
'world'
- 整个世界的地震。由三位数代码指定的大陆或次大陆,例如西非的'011'。
由ISO 3166-1 alpha-2代码指定的国家/地区,例如澳大利亚的“AU”。
美国的一个州,由其ISO 3166-2:美国代码指定,例如阿拉巴马州的“US-AL”。请注意,分辨率选项必须设置为“provinces”或“metros”。
参见以下法国的例子......
请注意resolution
google.charts.load('current', {
callback: function () {
new google.visualization.GeoChart(document.getElementById('chart_div')).draw(
google.visualization.arrayToDataTable([
['Destination', 'Popularity'],
['FR-A', 100],
['FR-B', 105],
['FR-C', 110],
['FR-P', 115],
['FR-D', 120],
['FR-E', 125],
['FR-F', 130],
['FR-G', 140],
['FR-H', 150],
['FR-I', 160],
['FR-Q', 175],
['FR-J', 190],
['FR-K', 215],
['FR-L', 235],
['FR-M', 255],
['FR-N', 280],
['FR-O', 305],
['FR-R', 335],
['FR-S', 365],
['FR-T', 400],
['FR-U', 440],
['FR-V', 480],
]),
{
colorAxis: {colors: ['green', 'blue']},
displayMode: 'regions',
region: 'FR',
resolution: 'provinces'
}
);
},
packages:['geochart']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>