4

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

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

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

在这里，您可以在 jsfiddle http://jsfiddle.net/mbutubuntu/uCQRL/1/上找到一个示例。

我在 GeoChart 的文档（链接：https ://developers.google.com/chart/interactive/docs/gallery/geochart#Configuration_Options ）中注意到“分辨率”属性可以是 ['countries', 'provinces '，'地铁']。

医生还说：

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

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

最好的问候， F. 布达

4

2 回答 2

2

也许现在有一个新版本的谷歌图表。

此刻，GeoChart 正在支持resolution:"provinces"意大利，但它们实际上对应的是 Regions（西西里岛、撒丁岛、皮埃蒙特等）

谷歌图表似乎只支持一个国家内部的一级细分，称其为“省”。

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

于 2015-07-02T15:51:41.447 回答
-1

您可以将此代码 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>
于 2017-12-12T12:26:53.257 回答