Google Maps API放大到特定区域

Question

我正在尝试使Google Maps API响应一个elementclick并放大到特定区域。

例如。该地图显示了整个美国，我点击亚利桑那州，我想让地图放大亚利桑那州的整个状态。然后，我可以打开清除并重新设置地图，或点击另一个州，佛罗里达州。并让它放大。

此外，这需要一个全球性的解决方案。我在欧洲，德国，俄罗斯和澳大利亚都有地区，我想添加这个功能。

谢谢你的时间。

Answer 1

您可以定义坐标并使用缩放级别，然后在该坐标中居中放置地图。

请考虑这个脚本。

var zoomLevel = 18; //The higher the zoomLevel means zoom in at a higher resolution 
var map; 

var arizonaCoor = new google.maps.LatLng(39.739318, -89.266507); 
var otherCoor = new google.maps.LatLng(49.733418, -30.234507); 
var origCoor = new google.maps.LatLng(39.739318, -89.266507); 

var mapOptions = { 
center: origCoor, 
zoom: 5, 
mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
map = new google.maps.Map(document.getElementById('map_canvas'), 
      mapOptions); 


function onArizonaClick(){ 
    map.setCenter(arizonaCoor, zoomLevel); 

} 
function onClear(){ 
    map.setCenter(origCoor, 5); 
} 

Answer 2

您可以使用谷歌地图API V3地理编码服务来放大它返回states和countries

视