2012-06-24 28 views
4

我試圖使用Google Visualization Geomap來顯示意大利地區(西西里島,托斯卡納......),然後是一個地區的省份(例如在西西里島的卡塔尼亞,巴勒莫.. )。Google Geomap爲意大利省(不是地區)提供可視化

顯示區域並不困難,它完美的作品。

這個問題出現在我試圖在想要的地區中心地圖上顯示省份的時候出現。

在這裏你可以找到一個關於jsfiddle http://jsfiddle.net/mbutubuntu/uCQRL/1/的例子。

我注意到GeoChart的文檔(鏈接:https://developers.google.com/chart/interactive/docs/gallery/geochart#Configuration_Options),'resolution'屬性可以是['countries','provinces','metros']。

的文檔也說:

「省」 - 只支持國家地區和美國各州的區域。 不支持所有國家;請測試一個國家,看看是否支持 這個選項。

地理地圖可能有可能不支持意大利的「省份」嗎? 如果是的話,我該如何解決這個問題?

最好的問候, F.布達

+0

我敢肯定,GEOMAP支持意大利的省份,因爲我用R的googleVis包,並將其與工作完美意大利城市。所以問題應該在代碼中的某個地方。 – Tommaso

回答

2

也許有谷歌圖的新版本了。

在這一瞬間,GeoChart是支持resolution:"provinces"意大利,但他們實際上對應於區域(西西里島,撒丁島,皮埃蒙特等)

看來,谷歌圖只支持一個國家內部的水平細分,稱之爲「省」。

此外,不可能設置省份作爲圖表的可見區域(參數region)。

-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>