Przenieś pasek powiększenia w prawo za pomocą interfejsu Google Maps API v3

Question

Czekam na przesunięcie elementów sterujących powiększeniem w interfejsie API Map Google Maps z lewej strony po prawej stronie. Jeśli zostawimy konfigurację domyślną mamy to:

Jeśli przenieść go tak:

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

Następnie otrzymujemy w ten sposób:

Zauważyłam również Jeśli ustawisz go po lewej stronie (nie domyślnie), otrzymasz:

Idealnie chciałbym go po prawej i wyśrodkowany do kontroli pan, podobnie jak ustawienia domyślne, ale po drugiej stronie. Czy tak jest w ogóle?

Answer 1

Tak, możesz to zrobić. Musisz umieścić oba panControl i zoomControl w jednej pozycji - google.maps.ControlPosition.TOP_RIGHT lub google.maps.ControlPosition.RIGHT_TOP.

Zastosowanie albo:

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

czyli

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

Prostym wytłumaczeniem jest to, że Google maps posiada pojemnik na każdym stanowisku sterowania. Każdy z tych pojemników jest ustawiany i skalowany w taki sposób, aby pasowały wszystkie wymagane elementy sterujące. Element sterujący jest następnie wycentrowany, jeśli pozostało trochę miejsca (w tym przypadku szerokość pojemnika jest określona na szerokość panControl). Jeśli umieścisz kontrolki w oddzielnych pozycjach, zostaną one umieszczone w osobnych pojemnikach, które są odpowiednio skalowane i rozmieszczone.