javascript - GeoChart map 太长无法加载

Question

我在使用 GeoCode 时遇到了一些问题:我的 map 需要超过 30 秒才能显示所有区域。事实上，我希望每个国家都翻译成我的语言(法语)，所以我直接用他们的法语名称命名这些国家，而且效果很好，API 可以正确检测所有国家。但问题是国家检测似乎需要很多时间和大量数据。

我可以向您展示一个具有完全相同问题的代码笔示例:https://codepen.io/ocariceo/pen/vywoLN (唯一的区别是西类牙语)。

var data = google.visualization.arrayToDataTable([
      ['', 'Inmigrantes'],
      ['Alemania', 4665],
      ['Estados Unidos', 25605],
      ['Brasil', 13951],
      ['Canada', 2613],
      ['Francia', 6190]
]);

当我查看 Chrome Developer Tools > Network 时，它告诉我图表在 29 秒后完成显示所有国家......:/

有没有办法定义每个国家/地区的 ISO 代码(或英文名称)+ 显示法文名称？

预先感谢您的回答!

Answer 1

使用对象表示法提供英语或 ISO 值 (v:) 以加快加载速度，
以及用于显示法语名称的格式化值 (f:)，例如

    [{v: 'United States', f: 'Estados Unidos'}, 25605],

-- 或--

    [{v: 'US', f: 'Estados Unidos'}, 25605],

---

请参阅以下工作片段...

google.charts.load('current', {
  callback: drawRegionsMap,
  packages: ['geochart']
});

function drawRegionsMap() {
  var data = google.visualization.arrayToDataTable([
    ['', 'Inmigrantes'],
    [{v: 'Germany', f: 'Alemania'}, 4665],
    [{v: 'United States', f: 'Estados Unidos'}, 25605],
    [{v: 'Brazil', f: 'Brasil'}, 13951],
    [{v: 'Canada', f: 'Canada'}, 2613],
    [{v: 'France', f: 'Francia'}, 6190]
  ]);

  var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
  chart.draw(data);
}

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>