如何在地理地图中提供美国州代码而不是国家代码？答案

【问题标题】：how to provide United States State code instead of country code in a geo map?如何在地理地图中提供美国州代码而不是国家代码？
【发布时间】：2019-01-31 10:13:49
【问题描述】：

我试图根据一些价值观来识别和着色美国各州。但它只需要国家代码。我尝试了以下代码-

 var geomap_chartdata = google.visualization.arrayToDataTable([
            ['States', 'Popularity'],
            ['ID', 200],
            ['IN', 300],
            ['KY', 400],
            ['LA', 500],
            ['MA', 600],
            ['MT', 600],
            ['OH', 600],
            ['NY', 600],
            ['WA', 700]
        ]);

        var options = {};
        options['displayMode'] = 'regions';
 var chart = new google.visualization.GeoChart(document.getElementById('revenue_inbound_map'));
        chart.draw(geomap_chartdata, options);

但这不起作用。而不是识别州代码地理地图将其识别为国家代码。请帮我解决这个问题。

【问题讨论】：

尝试将region: 'US' 添加到您的选项中。
我试过了..它显示了整个美国地区..而不是州。

标签： javascript geomap

【解决方案1】：

在选项中，您需要提及您正在寻找什么以及解决方案。因此，将地区指定为美国，将显示模式指定为地区。试试这个：

  google.charts.load('current', {
    'packages':['geochart'],
    // Note: you will need to get a mapsApiKey for your project.
    // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
    'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
  });
  google.charts.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['States', 'Popularity'],
        ['ID', 200],
        ['IN', 300],
        ['KY', 400],
        ['LA', 500],
        ['MA', 600],
        ['MT', 600],
        ['OH', 600],
        ['NY', 600],
        ['WA', 700]
    ]);



     var opts = {
      region: 'US',
      displayMode: 'regions',
      resolution: 'provinces',
      width: 640, 
      height: 480
    };

    var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

    chart.draw(data, opts);
  }

【讨论】：