2014-04-08 2 views
0

Google 채도지도가 웹 페이지에 표시되지만 다른 주마다 채워지지는 않습니다. 여기에 대한 코드는 -Google 밝기지도가 채워지지 않습니다

<html> 
<head> 
    <script type='text/javascript' src='https://www.google.com/jsapi'></script> 
    <script type='text/javascript'> 
    google.load('visualization', '1', {'packages': ['geomap']}); 
    google.setOnLoadCallback(drawMap); 

    function drawMap() { 
     console.log("In draw map function"); 
     var test = {{states|safe}}; 
     console.log(test); console.log(test); 
     var data = google.visualization.arrayToDataTable({{states|safe}}); 

     var options = {}; 
     options['region'] = 'US' 
     options['dataMode'] = 'regions'; 

     var container = document.getElementById('map_canvas'); 
     var geomap = new google.visualization.GeoMap(container); 
     geomap.draw(data, options); 
    }; 
    </script> 
</head> 

<body> 
    <div id='map_canvas'></div> 

</body> 

</html> 

내가 이상 통과하고 데이터는 다음과 같습니다 - 그것은 내가 잘못하고있는 중이 야 그 무엇

[["State","No of users"],["AL",1957392],["AK",324183],["AZ",1837630],["AR",1062588],....] 

입니까? 나는 단지 미국의 기본지도를 얻고있다. 그것은 강도에 따라 채워지지 않습니다.

답변

0

당신은 국가의지도를 얻을 수 에 resolution 옵션을 설정해야합니다 또한, GeoMaps가되지 않습니다

options['resolution'] = 'provinces'; 

는 대신 새로운 GeoCharts를 사용합니다.

google.load('visualization', '1', {'packages': ['geochart']}); 

을하고 GeoChart 개체를 사용하십시오 'geochart' 패키지를로드

var geochart = new google.visualization.GeoChart(container); 
geochart.draw(data, options); 
+0

나는 여전히 같은 오류를 얻고있다. – newbie

+0

다음은 코드를 기반으로 한 예입니다. http://jsfiddle.net/asgallant/J3vzL/ – asgallant

관련 문제