GoogleChart GeoChart - 法国地区 Map ？-Java 学习之路

我想用GeoChart显示法国地区的 Map .

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'Azur

这是我的选择：

var options = {
    region: 'FR-U',
    displayMode: 'markers',
    colorAxis: {colors: ['green', 'blue']}
};

但是这不起作用 . 我收到以下错误消息： Requested map does not exist. . 这不是由于我的代码，因为如果我把 FR 而不是 FR-U 它工作正常 .

Map 根本不存在吗？

1 回答

您引用的链接是区域图表的Data Format

并且与Configuration Options分开

region 的选项接受以下内容......

'世界' - 整个世界的地球 . 由三位数代码指定的大陆或次大陆，例如西非的'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>

回复于 2024-05-04T19:06:42+08:00

GoogleChart GeoChart - 法国地区 Map ？

1 回答

相关问题