意大利各省(非地区）的谷歌地理地图可视化

Google Geomap visualization for Italian Provinces (not regions)

本文关键字：谷歌 地图 可视化 各省 地区 意大利      更新时间：2023-09-26

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

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

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

在这里你可以找到一个关于 jsfiddle http://jsfiddle.net/mbutubuntu/uCQRL/1/的例子。

我在GeoChart的文档（链接：https://developers.google.com/chart/interactive/docs/gallery/geochart#Configuration_Options）中注意到，"分辨率"属性可以是["国家"，"省"，"大都市"]。

文档还说：

"省份" - 仅支持国家/地区和美国州区域。 并非所有国家/地区都支持;请测试一个国家，看看是否 支持此选项。

地理地图可能不支持意大利的"省份"吗？如果是，我该如何解决此问题？

此致敬意F. 布达

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

目前，GeoChart支持意大利的resolution:"provinces"，但它们实际上对应于地区（西西里岛，撒丁岛，皮埃蒙特等）。

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

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

您可以使用此代码https://github.com/rarylson/geochart-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>
相关文章：