2011-12-14 173 views

回答

3

有可能使用谷歌API圖表顯示只有某個國家。 實現它的方法是在選項變量中設置區域,並在繪製地圖時使用選項變量。

var options = {}; 
options['region'] = 'AU'; 
... 
geomap.draw(data, options); 

退房API文檔中提供的示例:http://code.google.com/apis/chart/interactive/docs/gallery/geomap.html#markersexample

+0

哦!我怎麼能錯過這個,一直在尋找大量的例子......謝謝Steffen! – 2011-12-14 16:04:57

0

我曾嘗試谷歌圖表代碼與我的Web應用程序。但這不適合我。 包裝['Map']正在工作 使用['Geomap']包我的網頁上沒有顯示任何東西。
和使用包['map'],我貓只顯示1個國家圖表。有什麼我失蹤了嗎?

<script type='text/javascript'> 
      google.charts.load('current', {'packages': ['geomap']}); 
      google.charts.setOnLoadCallback(drawMap); 
      function drawMap() 
        var data = google.visualization.arrayToDataTable([ 
          ['City', 'Popularity'], 
          ['New York', 200], 
          ['Boston', 300], 
          ['Miami', 400], 
          ['Chicago', 500], 
          ['Los Angeles', 600], 
          ['Houston', 700] 
        ]); 
        var options = {}; 
      options['region'] = 'US'; 
      options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors 
      options['dataMode'] = 'markers'; 
      var container = document.getElementById('map_canvas'); 
      var geomap = new google.visualization.GeoMap(container); 
      geomap.draw(data, options); 
    }; 
</script>  
<div id="map_canvas" style="width: 900px; height: 500px;"></div> 
相關問題