Question

我正在尝试使用Google Visualization Geomap来展示意大利地区（西西里岛，托斯卡纳...），然后展示一个地区的省份（在西西里岛，例如卡塔尼亚，巴勒莫......）。

显示区域并不困难，而且效果很好。

当我试图在想要的地区以地图为中心的地区显示省份时，问题就出现了。

您可以在此处找到有关jsfiddle http://jsfiddle.net/mbutubuntu/uCQRL/1/的示例。

我在GeoChart的文档中注意到（链接：https://developers.google.com/chart/interactive/docs/gallery/geochart#Configuration_Options）'解析'属性可以是['countries'，'provinces'，'metros']。

该文件也说：

'provinces' - 仅支持国家/地区和美国州。并非所有国家都支持;请测试一个国家是否支持此选项。

GeoMap可能不支持意大利的“省份”吗？如果是，我该如何解决这个问题呢？

最诚挚的问候， F. Buda

Answer 1

现在可能有新版Google图表。

在这一刻，GeoChart正在为意大利支持resolution:"provinces"，但它们实际上对应于地区（西西里岛，撒丁岛，皮埃蒙特等）

似乎Google Chart仅支持一个国家/地区内的一个细分级别，称其为“省”。

此外，无法将省设置为图表的可见区域（参数region）。

Answer 2

您可以使用此代码 https://github.com/rarylson/geochart-geojson 用这个geojson https://github.com/Dataninja/geo-shapes/blob/master/italy/provinces.geojson

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=<YOURKEY>"
    </script>
    <script type="text/javascript" src="https://cdn.rawgit.com/rarylson/geochart-geojson/master/build/geochart-geojson.min.js"></script>

    <script type="text/javascript">
      google.charts.load("current");
      google.charts.setOnLoadCallback(drawVisualization);

      function drawVisualization() {

        // Create and populate a data table
        var data = new google.visualization.DataTable();
        data.addColumn("string", "City");
        data.addColumn("number", "Value");
        data.addRows([
          ["VERCELLI", 10],
          ["NOVARA", 5],
        ]);

        // Instantiate our Geochart GeoJSON object
        var vis = new geochart_geojson.GeoChart(document.getElementById("mydiv"));

        // Set Geochart GeoJSON options
        var options = {
          mapsOptions: {
            center: {lat: 42, lng: 12},
            zoom:6

          },
          geoJson: "https://raw.githubusercontent.com/Dataninja/geo-shapes/master/italy/provinces.geojson",
          geoJsonOptions: {
            idPropertyName: "NOME_PRO"
          }
        };

        // Draw our Geochart GeoJSON with the data we created locally
        vis.draw(data, options);
      }
    </script>
  </head>

  <body>
    <div id="mydiv" style="width: 900px; height: 560px;"></div>
  </body>

意大利省（不是地区）的Google Geomap可视化

2 个答案: