2011-12-14 9 views
1

新しいクライアントのアカウントでGoogle Chartsを掘り下げており、Map APIを使用して特定の国のみを表示できるかどうかは疑問でした。 私は選択した地域を設定することができましたが、近隣の国を除外する方法を見つけることはできません。 この件に関する助言や指示を感謝します。Google Charts:特定の国のみを表示

私が参照してるかの例 - http://raphaeljs.com/australia.htmlが(ただし、このライブラリを使用しないでください。)

答えて

3

GoogleのチャートAPIを使用してのみ、特定の国を表示することが可能です。 これを行うには、オプション変数に領域を設定し、マップを描画するときにoptions変数を使用します。

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

APIのドキュメントに記載されている例チェックアウト:http://code.google.com/apis/chart/interactive/docs/gallery/geomap.html#markersexample

+0

ああ!どのように私はこれを逃した可能性があります、例の負荷を見ていた...ありがとうSteffen! –

+0

@ steffen-stenersen:その間にこれを見ることができますか?http://jsfiddle.net/SD4KA/266/?私は国のために地域を設定しましたが、隣人はまだ表示されています。私は同じことについて、まったく新しい質問を作りたくないので、ここで尋ねます。 –

0

を私は自分のWebアプリケーションとGoogleのチャートのコードを試してみました。しかし、これは私のために働いていません。 Peckage ['Map']が動作しています ['Geomap']パッケージを使用すると、パッケージに何も表示されません。
パッケージ['map']を使用すると、i catは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> 
関連する問題