Mueva la barra de zoom hacia la derecha con Google Maps API v3

Question

Estoy buscando mover los controles de zoom en la API de JavaScript de Google Maps de izquierda a derecha. Si dejamos la configuración por defecto tenemos esto:

si lo muevo más de este modo:

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

A continuación, obtener esto:

También he notado que si lo configura a la izquierda (no por defecto), obtiene:

Lo ideal es que me guste a la derecha y centrado a los controles de panorámica al igual que la configuración predeterminada, pero en el otro lado. ¿Hay alguna forma de hacer esto?

Answer 1

Sí, puedes hacerlo. Debe colocar panControl y zoomControl en una sola posición: google.maps.ControlPosition.TOP_RIGHT o google.maps.ControlPosition.RIGHT_TOP.

uso ya sea:

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

o:

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

Una explicación simple es que los mapas de Google tienen un contenedor en cada posición de los controles. Cada uno de estos contenedores se posiciona y escala de manera que todos los controles necesarios quepan. Un control se centra luego si queda algo de espacio (en este caso, el ancho del contenedor está especificado por el ancho de panControl). Si coloca los controles en posiciones separadas, se colocan en contenedores separados que se adaptan a la escala y se colocan adecuadamente.