Controls

Interfaz CameraControlOptions

Interfaz google.maps.CameraControlOptions

Son las opciones de visualización del control de la cámara.

position
opcional
Tipo: ControlPosition optional
La configuración predeterminada es ControlPosition.INLINE_START_BLOCK_END.
Es el ID de la posición. Se usa para especificar la posición del control en el mapa.

Interfaz FullscreenControlOptions

Interfaz google.maps.FullscreenControlOptions

Son las opciones para renderizar el control de pantalla completa.

position
opcional
Tipo: ControlPosition optional
La configuración predeterminada es ControlPosition.INLINE_END_BLOCK_START.
Es el ID de la posición. Se usa para especificar la posición del control en el mapa.

Interfaz MapTypeControlOptions

Interfaz google.maps.MapTypeControlOptions

Son las opciones para la renderización del control de tipo de mapa.

mapTypeIds
opcional
Tipo: Array<MapTypeId|string> optional
Son los IDs de los tipos de mapas que se mostrarán en el control.
position
opcional
Tipo: ControlPosition optional
La configuración predeterminada es ControlPosition.BLOCK_START_INLINE_START.
Es el ID de la posición. Se usa para especificar la posición del control en el mapa.
style
opcional
Tipo: MapTypeControlStyle optional
Es el ID del estilo. Se usa para seleccionar el estilo del control de tipo de mapa que se mostrará.

Constantes de MapTypeControlStyle

google.maps.MapTypeControlStyle constantes biblioteca
"maps"

Identificadores para MapTypesControls comunes.

const {MapTypeControlStyle} = await google.maps.importLibrary("maps");
DEFAULT Usa el control de tipo de mapa predeterminado. Cuando se muestra el control DEFAULT, este varía según el tamaño de la ventana y otros factores. Es posible que el control DEFAULT cambie en versiones futuras de la API.
DROPDOWN_MENU Un menú desplegable para quienes se preocupan por el espacio de la pantalla.
HORIZONTAL_BAR Es la barra de botones de selección horizontal estándar.

Interfaz MotionTrackingControlOptions

Interfaz google.maps.MotionTrackingControlOptions

Son las opciones para renderizar el control de seguimiento de movimiento.

position
opcional
Tipo: ControlPosition optional
La configuración predeterminada es ControlPosition.INLINE_END_BLOCK_END.
Es el ID de la posición. Se usa para especificar la posición de este control en la panorámica.

Interfaz PanControlOptions

Interfaz google.maps.PanControlOptions

Son las opciones para renderizar el control de desplazamiento lateral.

position
opcional
Tipo: ControlPosition optional
La configuración predeterminada es ControlPosition.INLINE_END_BLOCK_END.
Es el ID de la posición. Se usa para especificar la posición del control en el mapa.

Interfaz RotateControlOptions

Interfaz google.maps.RotateControlOptions

Son las opciones para renderizar el control de rotación.

position
opcional
Tipo: ControlPosition optional
La configuración predeterminada es ControlPosition.INLINE_END_BLOCK_END.
Es el ID de la posición. Se usa para especificar la posición del control en el mapa.

Interfaz ScaleControlOptions

Interfaz google.maps.ScaleControlOptions

Opciones para la renderización del control de escala.

style
opcional
Tipo: ScaleControlStyle optional
Es el ID del estilo. Se usa para seleccionar el estilo del control de escala que se mostrará.

Constantes de ScaleControlStyle

Constantes de google.maps.ScaleControlStyle

Identificadores para los IDs de control de escala.

DEFAULT Es el control de escala estándar.

Interfaz StreetViewControlOptions

Interfaz google.maps.StreetViewControlOptions

Son las opciones para renderizar el control del hombrecito naranja de Street View en el mapa.

position
opcional
Tipo: ControlPosition optional
Es el ID de la posición. Se usa para especificar la posición del control en el mapa. La posición predeterminada está incorporada en los controles de navegación (zoom y desplazamiento lateral). Si esta posición está vacía o es la misma que se especifica en zoomControlOptions o panControlOptions, el control de Street View se mostrará como parte de los controles de navegación. De lo contrario, se mostrará por separado.
sources
opcional
Tipo: Iterable<StreetViewSource> optional
Predeterminado: [StreetViewSource.DEFAULT]
Especifica las fuentes de las panorámicas que se buscarán. Esto permite, por ejemplo, restringir la búsqueda solo a panorámicas oficiales de Google. Si se configuran varias fuentes, se evaluarán como la intersección de esas fuentes. Nota: Por el momento, no se admite la fuente StreetViewSource.OUTDOOR.

Interfaz ZoomControlOptions

Interfaz google.maps.ZoomControlOptions

Opciones para renderizar el control de zoom.

position
opcional
Tipo: ControlPosition optional
La configuración predeterminada es ControlPosition.INLINE_END_BLOCK_END.
Es el ID de la posición. Se usa para especificar la posición del control en el mapa.

Constantes de ControlPosition

google.maps.ControlPosition constantes biblioteca
"core"

Son identificadores que se usan para especificar la posición de los controles en el mapa. Los controles se posicionan en relación con otros controles en la misma posición del diseño. Los controles que se agregan primero se posicionan más cerca del borde del mapa. Se recomienda el uso de "valores lógicos" (consulta https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values) para poder admitir automáticamente los contextos de diseño de izquierda a derecha (LTR) y de derecha a izquierda (RTL).

Valores lógicos en LTR:

+----------------+ 
| BSIS BSIC BSIE |
| ISBS      IEBS |
|                |
| ISBC      IEBC |
|                |
| ISBE      IEBE |
| BEIS BEIC BEIE |
+----------------+

Valores lógicos en RTL:
+----------------+ 
| BSIE BSIC BSIS |
| IEBS      ISBS |
|                |
| IEBC      ISBC |
|                |
| IEBE      ISBE |
| BEIE BEIC BEIS |
+----------------+

Valores heredados:
+----------------+ 
| TL    TC    TR |
| LT          RT |
|                |
| LC          RC |
|                |
| LB          RB |
| BL    BC    BR |
+----------------+

Los elementos de la fila superior o inferior fluyen hacia el centro de la fila. Los elementos de la columna izquierda o derecha fluyen hacia el centro de la columna.

const {ControlPosition} = await google.maps.importLibrary("core");
BLOCK_END_INLINE_CENTER Equivale a BOTTOM_CENTER tanto en LTR como en RTL.
BLOCK_END_INLINE_END Equivale a BOTTOM_RIGHT en LTR o BOTTOM_LEFT en RTL.
BLOCK_END_INLINE_START Equivale a BOTTOM_LEFT en LTR o BOTTOM_RIGHT en RTL.
BLOCK_START_INLINE_CENTER Equivale a TOP_CENTER tanto en LTR como en RTL.
BLOCK_START_INLINE_END Equivale a TOP_RIGHT en LTR o TOP_LEFT en RTL.
BLOCK_START_INLINE_START Equivale a TOP_LEFT en LTR o TOP_RIGHT en RTL.
BOTTOM_CENTER Los elementos se colocan en el centro de la fila inferior. Considera usar BLOCK_END_INLINE_CENTER en su lugar.
BOTTOM_LEFT Los elementos se colocan en la parte inferior izquierda y se distribuyen hacia el centro. Los elementos se posicionan a la derecha del logotipo de Google. Considera usar BLOCK_END_INLINE_START en su lugar.
BOTTOM_RIGHT Los elementos se posicionan en la parte inferior derecha y se distribuyen hacia el centro. Los elementos se posicionan a la izquierda de los derechos de autor. Considera usar BLOCK_END_INLINE_END en su lugar.
INLINE_END_BLOCK_CENTER Equivale a RIGHT_CENTER en LTR o LEFT_CENTER en RTL.
INLINE_END_BLOCK_END Equivale a RIGHT_BOTTOM en LTR o LEFT_BOTTOM en RTL.
INLINE_END_BLOCK_START Equivale a RIGHT_TOP en LTR o LEFT_TOP en RTL.
INLINE_START_BLOCK_CENTER Equivale a LEFT_CENTER en LTR o RIGHT_CENTER en RTL.
INLINE_START_BLOCK_END Equivale a LEFT_BOTTOM en LTR o RIGHT_BOTTOM en RTL.
INLINE_START_BLOCK_START Equivale a LEFT_TOP en LTR o RIGHT_TOP en RTL.
LEFT_BOTTOM Los elementos se colocan a la izquierda, por encima de los elementos de la parte inferior izquierda, y fluyen hacia arriba. Considera usar INLINE_START_BLOCK_END en su lugar.
LEFT_CENTER Los elementos se colocan en el centro del lado izquierdo. Considera usar INLINE_START_BLOCK_CENTER en su lugar.
LEFT_TOP Los elementos se colocan a la izquierda, debajo de los elementos de la parte superior izquierda, y fluyen hacia abajo. Considera usar INLINE_START_BLOCK_START en su lugar.
RIGHT_BOTTOM Los elementos se posicionan a la derecha, por encima de los elementos de la parte inferior derecha, y fluyen hacia arriba. Considera usar INLINE_END_BLOCK_END en su lugar.
RIGHT_CENTER Los elementos se posicionan en el centro del lado derecho. Considera usar INLINE_END_BLOCK_CENTER en su lugar.
RIGHT_TOP Los elementos se posicionan a la derecha, debajo de los elementos de la parte superior derecha, y fluyen hacia abajo. Considera usar INLINE_END_BLOCK_START en su lugar.
TOP_CENTER Los elementos se colocan en el centro de la fila superior. Considera usar BLOCK_START_INLINE_CENTER en su lugar.
TOP_LEFT Los elementos se colocan en la parte superior izquierda y se distribuyen hacia el centro. Considera usar BLOCK_START_INLINE_START en su lugar.
TOP_RIGHT Los elementos se colocan en la parte superior derecha y se distribuyen hacia el centro. Considera usar BLOCK_START_INLINE_END en su lugar.