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

視