GeoChartマップが長すぎて読み込めません

Question

私はGeoCodeにいくつかの問題があります：私の地図はすべての地域を表示するのに30秒以上かかります。実際、すべての国を自分の言語（フランス語）で翻訳したいので、私はフランス語名を持つ国に直接名前を付けて、それがうまく機能するようにAPIがすべての国を正しく検出します。しかし、問題は、国の検出が多くのデータを持つと時間がかかるようだということです。

全く同じ問題を抱えたcodepenの例を表示することができます：https://codepen.io/ocariceo/pen/vywoLN（唯一の違いはスペイン語です）。/

万が一そこを定義する方法です：

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

私はChromeデベロッパーツールに見える>ネットワーク、それは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>