在Google地图API中显示地区 [英] Display regions in google maps API
问题描述
google.load（'visualization'，'1'，{'packages'：['geochart' ]}）;
google.setOnLoadCallback（drawMarkersMap）;
函数drawMarkersMap（）{
var data = google.visualization.arrayToDataTable（[
['Province']，
['Lampung']，
['Banten']，
]）;
var options = {
region：'035'，//东南亚
displayMode：'regions'，
colorAxis：{colors：['＃' 00853f'，'blue'，'＃e31b23']}，
};
var chart = new google.visualization.GeoChart（document.getElementById（'chart_div'））;
chart.draw（data，options）;
};
但问题是，结果并未显示任何区域。这只是一张没有任何displayMode的地图。下一个问题是，如果我将它添加到选项中：
解析：'省'
结果只是一张没有地图的空白网页。这里有什么不对？
我认为你的地区'035'太大了，你应该把你的地区缩小到更小的区域，在你的情况下，你应该使用 options ['region'] ='ID'; 在下面的代码中，它应该在您的地图中显示2个橙色区域：
< 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）;
函数drawMap（）{
var data = google.visualization.arrayToDataTable（[
['Province']，
['Lampung']，
['Banten']
]）;
var options = {};
options ['region'] ='ID';
options ['colors'] = [0xFF8747，0xFFB581，0xc06000]; //橙色
选项['dataMode'] ='地区';
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>
So, I want to get a region of 'Lampung' but it is displayed as a region, not markers. My code is using geochart API. Here is my code :
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);
};
But the problem is, the result doesn't show any regions yet. It's just a map without any displayMode. Next problem is, if I add this to 'options':
resolution: 'provinces'
The result is just a blank web without the map. What's wrong here?
I think your region '035' is too large, you should zoom your region to a smaller area, in your case, you should use options['region'] = 'ID';
You can try with the below code, it should show 2 orange regions in your map:
<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>
这篇关于在Google地图API中显示地区的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
