在谷歌地图中仅显示特定国家（地区）[重复]答案

【问题标题】：Display only a specific country (region) in google maps [duplicate]在谷歌地图中仅显示特定国家（地区）[重复]
【发布时间】：2013-10-14 21:24:50
【问题描述】：

有没有办法使用谷歌地图 API 只显示特定国家或地区？

【问题讨论】：

你这是什么意思？
可能应该更清楚（但您也应该如此），有很多方法可以“仅显示特定国家或地区”，您的意思是什么？你有什么要求？你试过什么？你看过任何文档吗？

标签： javascript google-maps geolocation country

【解决方案1】：

可以使用 GeoMap API 来完成。请查看以下网址以供参考。

1) https://code.google.com/apis/ajax/playground/?type=visualization#geo_map

2) https://developers.google.com/chart/interactive/docs/gallery/geomap#regionsexample

这里是加载美国区域地图的示例。

<html>
<head>
  <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  <script type='text/javascript'>
      google.load('visualization', '1', { 'packages': ['geomap'] });
      google.setOnLoadCallback(drawMap);

      function drawMap() {
          var data = google.visualization.arrayToDataTable([
            ['City', 'Popularity'],
            ['New York', 200],
            ['Boston', 300],
            ['Miami', 400],
            ['Chicago', 500],
            ['Los Angeles', 600],
            ['Houston', 700]
          ]);

          var options = {};
          options['region'] = 'US';
          options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors
          options['dataMode'] = 'markers';
          options['width'] = '556px';

          var container = document.getElementById('map_canvas');
          var geomap = new google.visualization.GeoMap(container);
          geomap.draw(data, options);
      };

  </script>
</head>

<body>
    <div id='map_canvas'></div>
</body>

</html>

【讨论】：

谢谢，我试过了，效果符合我的预期！
在上面的代码中添加 GoogleMapApiKey 的位置。
你能帮我如何在多个地区使用同一张地图吗？例如，当我点击“美国”时，它会显示选择地区“阿拉斯加亚利桑那州阿肯色州等”。