使用Google Maps API v3向右移動縮放欄

Question

我正在尋找將Google Maps Javascript API中的縮放控件從左向右移動。如果我們保留默認設置中，我們有這樣的：

如果我將其移到像這樣：

panControl: true, 
    panControlOptions: { 
    position: google.maps.ControlPosition.TOP_RIGHT 
}, 
zoomControl: true, 
zoomControlOptions: { 
    style: google.maps.ZoomControlStyle.LARGE, 
    position: google.maps.ControlPosition.RIGHT_TOP 
} 

然後我們得到這個：

我也注意到如果將其設置爲左側（非默認值），則會得到：

理想情況下，我希望它的權利和集中到鍋控制就像默認設置，但在另一邊。有沒有這樣做？

Answer 1

是的，你可以做到。您必須將panControl和zoomControl放在一個位置 - google.maps.ControlPosition.TOP_RIGHT或google.maps.ControlPosition.RIGHT_TOP。

二者必選其一：

panControl: true, 
panControlOptions: { 
    position: google.maps.ControlPosition.TOP_RIGHT 
}, 
zoomControl: true, 
zoomControlOptions: { 
    style: google.maps.ZoomControlStyle.LARGE, 
    position: google.maps.ControlPosition.TOP_RIGHT 
} 

或：

panControl: true, 
    panControlOptions: { 
    position: google.maps.ControlPosition.RIGHT_TOP 
}, 
zoomControl: true, 
zoomControlOptions: { 
    style: google.maps.ZoomControlStyle.LARGE, 
    position: google.maps.ControlPosition.RIGHT_TOP 
} 

一個簡單的解釋是，谷歌地圖在每一控制位置的容器。這些容器中的每一個都進行了定位和縮放，以便所有需要的控件都可以裝入。如果有一些剩餘空間（在這種情況下容器的寬度由寬度panControl指定），則控件居中。如果將控件放置在不同的位置，則將它們放入單獨的容器中，並進行適當的縮放和定位。