2014-12-03 4 views
0

그래서 'Lampung'영역을 얻고 싶습니다만 마커가 아닌 영역으로 표시됩니다. 내 코드 geochart API를 사용하고 있습니다. 여기 내 코드는 다음과 같습니다.구글 맵에 표시 영역 API

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

function drawMarkersMap() { 
var data = google.visualization.arrayToDataTable([ 
    ['Province'], 
    ['Lampung'], 
    ['Banten'], 

    ]); 

var options = { 
    region: '035', //South-East Asia 
    displayMode: 'regions', 
    colorAxis: {colors: ['#00853f', 'blue', '#e31b23']}, 
}; 

var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
chart.draw(data, options); 
}; 

그러나 문제는 결과가 아직 어떤 영역도 표시하지 않는다는 것입니다. displayMode가없는지도 일뿐입니다. 다음 옵션은 '옵션'에 추가하면,

resolution: 'provinces' 

결과는지도가없는 빈 웹입니다. 여기 뭐가 잘못 됐니?

답변

2

나는 지역 '035', 당신은 귀하의 경우, 당신은 options['region'] = 'ID';

당신은 아래의 코드를 시도 할 수 있습니다

, 그것은이 주황색으로 표시해야합니다 사용해야 작은 영역으로 영역을 확대해야한다 너무 큰 생각 지도의 지역 :

<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() { 
     var data = google.visualization.arrayToDataTable([ 
     ['Province'], 
     ['Lampung'], 
     ['Banten'] 
     ]); 

     var options = {}; 
     options['region'] = 'ID'; 
     options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors 
     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>