2012-08-08 5 views
4

좌표가있는 Google 지오 차트를 사용하고 싶습니다 (longtitute, latitute). 그러나이 주제에 대한 예를 찾을 수 없습니다. 지역 및 도시의 예가 많이 있습니다. 그러나 I Cant가 찾은 좌표로.좌표가있는 Google geocharts?

제발, 코드 예제, 링크, 튜토리얼 다른 건?

감사합니다.

답변

3

AS는 documentation했다 :

아이콘 위치 [필수 제 1 열이 특정 문자열 주소 (예컨대, '1600 펜실베니아 아베 ")이다. 첫 번째 열은 위도이고 두 번째 열은 두 번째 열은 경도입니다.

데이터 세트의 처음 두 열을 위도와 경도를 나타내는 숫자 값으로 정의해야합니다.

+0

알고 있습니다. 나는 이것을 이해했다. 그러나 나는 이것을 할 수 없다. 어떤 예가 있습니까? –

10

당신은 여기에서 예를 확인할 수 있습니다

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

 
    function drawVisualization() {var data = new google.visualization.DataTable(); 
 

 
data.addColumn('number', 'Lat');         
 
data.addColumn('number', 'Long'); 
 
data.addColumn('number', 'Value'); 
 
data.addColumn({type:'string', role:'tooltip'});       
 

 
data.addRows([[41.151636,-8.569336,0,'tooltip']]); 
 
data.addRows([[ 39.059575,-98.789062,0,'tooltip']]); 
 
           
 
    
 
var options = { 
 
colorAxis: {minValue: 0, maxValue: 0, colors: ['#6699CC']}, 
 
legend: 'none',  
 
backgroundColor: {fill:'transparent',stroke:'#FFF' ,strokeWidth:0 },  
 
datalessRegionColor: '#f5f5f5', 
 
displayMode: 'markers', 
 
enableRegionInteractivity: 'true', 
 
resolution: 'countries', 
 
sizeAxis: {minValue: 1, maxValue:1,minSize:5, maxSize: 5}, 
 
region:'world', 
 
keepAspectRatio: true, 
 
width:400, 
 
height:300, 
 
tooltip: {textStyle: {color: '#444444'}}  
 
}; 
 
    var chart = new google.visualization.GeoChart(document.getElementById('visualization')); 
 
     
 
    
 
    
 
chart.draw(data, options); 
 
    
 
    
 
} 
 
    
 
<script src="https://www.google.com/jsapi?fake=.js"></script> 
 
<div id="visualization"></div>

이 그것을 할 수있는 많은 방법이 있습니다, 이것은 단지 하나입니다.

data.addColumn('number', 'Lat');         
data.addColumn('number', 'Long'); 
data.addColumn('number', 'Value'); 
data.addColumn({type:'string', role:'tooltip'});       

data.addRows([[41.151636,-8.569336,0,'tooltip']]); 
data.addRows([[ 39.059575,-98.789062,0,'tooltip']]); 
+1

결과 내부의 좌표 표시가 약간 이상하게 보입니다. 다음은 좌표 대신 레이블 이름이있는 수정 된 버전입니다. http://jsfiddle.net/WpYrE/1/ – sarahara

관련 문제