只显示谷歌地图中的特定国家（地区） [英] Display only a specific country (region) in google maps
本文介绍了只显示谷歌地图中的特定国家（地区）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
有没有什么方法可以使用Google Maps API显示特定的国家或地区？
可以做使用GeoMap API。请检查以下网址以供参考。
1） https://code.google.com/apis/ajax/playground/?type=visualization#geo_map
2 ） https://developers.google.com/chart/interactive/docs/ gallery / geomap＃regionsexample
以下是加载美国地区地图的示例。
< 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（[
['City'，'Popularity']，
''New York' ，200美元，
['波士顿'，300]，
['迈阿密'，400]，
['芝加哥'，500]，
''洛杉矶' 600]，
['休斯顿'，700]
]）;
var options = {};
options ['region'] ='美国';
options ['colors'] = [0xFF8747，0xFFB581，0xc06000]; //橙色
选项['dataMode'] ='标记';
options ['width'] ='556px';
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>
Is there any way to show only a specific country or region using the google maps API?
解决方案
It can be done using GeoMap API. Please check following url for reference.
1) https://code.google.com/apis/ajax/playground/?type=visualization#geo_map
2) https://developers.google.com/chart/interactive/docs/gallery/geomap#regionsexample
Here is the example to load US region 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([
['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';
options['width'] = '556px';
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>
这篇关于只显示谷歌地图中的特定国家（地区）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
