在谷歌地图 API 中显示区域答案

【问题标题】：Display regions in google maps API在谷歌地图 API 中显示区域
【发布时间】：2015-01-31 12:57:54
【问题描述】：

所以，我想获得一个“Lampung”区域，但它显示为一个区域，而不是标记。我的代码正在使用 geochart API。这是我的代码：

google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawMarkersMap);

function drawMarkersMap() {
var data = google.visualization.arrayToDataTable([
  ['Province'],
  ['Lampung'],
  ['Banten'],

  ]);

var options = {
  region: '035', //South-East Asia
  displayMode: 'regions',
  colorAxis: {colors: ['#00853f', 'blue', '#e31b23']},
};

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

但问题是，结果还没有显示任何区域。这只是一张没有任何显示模式的地图。下一个问题是，如果我将其添加到“选项”：

resolution: 'provinces'

结果只是没有地图的空白网络。这里有什么问题？

【问题讨论】：

标签： google-maps

【解决方案1】：

我认为您的区域“035”太大，您应该将您的区域缩放到较小的区域，在您的情况下，您应该使用options['region'] = 'ID';

你可以试试下面的代码，它应该在你的地图上显示 2 个橙色区域：

<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([
         ['Province'],
         ['Lampung'],
         ['Banten']
      ]);

      var options = {};
      options['region'] = 'ID';
      options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors
      options['dataMode'] = 'regions';

      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>

【讨论】：