2011-12-14 2 views
1

새로운 고객의 계정으로 Google Charts를 파고 있으며 Map API를 사용하여 특정 국가 만 표시 할 수 있는지 궁금합니다. 내가 선택한 지역을 설정했지만 주변 국가를 제외 할 수있는 방법을 찾을 수없는 것 같습니다. 이 주제에 대한 도움이나 지침을 주시면 감사하겠습니다.Google Charts : 특정 국가 만 표시

내가 말하는 겁니다 무엇의 예 - http://raphaeljs.com/australia.html은 (그러나이 라이브러리를 사용하지 마십시오.)

답변

3

구글 차트 API를 사용하는 경우에만 특정 국가를 표시 할 수 있습니다. 옵션 변수에서 영역을 설정하고 맵을 그릴 때 옵션 변수를 사용하는 방법이 있습니다. API 문서에 제공된 예제 밖으로

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

확인 : 내 웹 응용 프로그램과 구글 차트 코드를 시도 http://code.google.com/apis/chart/interactive/docs/gallery/geomap.html#markersexample

+0

오! 어떻게 내가 이것을 놓칠 수 있었는지, 다수의 예를 들여다보고 있었다. Steffen에게 감사한다! –

+0

@ steffen-stenersen : 그 사이에 이것을 볼 수 있겠습니까? http://jsfiddle.net/SD4KA/266/? 나는 국가를 위해 지역을 설정했다. 그러나 이웃 사람은 아직도 표시된다. 그래서 새로운 질문을 만들고 싶지 않습니다. 그래서 여기에서 물어 봅니다. –

0

. 그러나 이것은 나를 위해 일하지 않습니다. 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> 
관련 문제