Advanced Markers (beta)

AdvancedMarkerView

Clase google.maps.marker.AdvancedMarkerView

Crea un AdvancedMarkerView con las opciones especificadas. Si se especifica un mapa, el AdvancedMarkerView se agrega al mapa en el momento de la construcción. Ten en cuenta que se debe establecer la posición para que se muestre AdvancedMarkerView.

Esta clase implementa AdvancedMarkerViewOptions.

Carga con el parámetro de URL &libraries=marker. Consulta Bibliotecas en la API de Maps JavaScript.

Cuando se usa v=beta, se puede acceder a él llamando a const {AdvancedMarkerView} = await google.map.importLibrary("marker"). Consulta Bibliotecas en la API de Maps JavaScript.
AdvancedMarkerView
AdvancedMarkerView([options])
Parámetros:
collisionBehavior
Tipo: CollisionBehavior optional
Consulta los AdvancedMarkerViewOptions.collisionBehavior.
content
Tipo: Element optional
Consulta los AdvancedMarkerViewOptions.content.
draggable
Tipo: boolean optional
Consulta los AdvancedMarkerViewOptions.draggable.
element optional
Tipo: HTMLElement|SVGElement optional
Este campo es de solo lectura. El elemento DOM que respalda la vista.
map
Tipo: Map optional
Consulta los AdvancedMarkerViewOptions.map.
position
Consulta los AdvancedMarkerViewOptions.position.
title
Tipo: string optional
Consulta los AdvancedMarkerViewOptions.title.
zIndex
Tipo: number optional
Consulta los AdvancedMarkerViewOptions.zIndex.
addListener
addListener(eventName, handler)
Parámetros:
Valor que se muestra: MapsEventListener
Agrega la función de escucha determinada a un nombre de evento determinado.
click
function(event)
Argumentos:
Este evento se activa cuando se hace clic en el elemento AdvancedMarkerView.
drag
function(event)
Argumentos:
Este evento se activa de forma repetida mientras el usuario arrastra el elemento AdvancedMarkerView.
dragend
function(event)
Argumentos:
Este evento se activa cuando el usuario deja de arrastrar el elemento AdvancedMarkerView.
dragstart
function(event)
Argumentos:
Este evento se activa cuando el usuario comienza a arrastrar la AdvancedMarkerView.

AdvancedMarkerViewOptions

Interfaz de google.maps.marker.AdvancedMarkerViewOptions

Opciones para construir una AdvancedMarkerView

Carga con el parámetro de URL &libraries=marker. Consulta Bibliotecas en la API de Maps JavaScript.
collisionBehavior optional
Tipo: CollisionBehavior optional
Una enumeración que especifica cómo debe comportarse un AdvancedMarkerView cuando entra en conflicto con otro AdvancedMarkerView o con las etiquetas del mapa base en un mapa de vectores.

Nota: La colisión de AdvancedMarkerView a AdvancedMarkerView funciona tanto en mapas de tramas como en vectores. Sin embargo, la colisión de AdvancedMarkerView a mapa base solo funciona en mapas de vectores.
content optional
Tipo: Element optional
Predeterminado: PinView.element
El elemento DOM que respalda la imagen de un AdvancedMarkerView.

Nota: AdvancedMarkerView no clona el elemento DOM que se pasó. Una vez que el elemento DOM se pasa a un AdvancedMarkerView, pasar el mismo elemento DOM a otro AdvancedMarkerView moverá el elemento DOM y hará que el AdvancedMarkerView anterior se vea vacío.
draggable optional
Tipo: boolean optional
Predeterminado: false
Si es true, se puede arrastrar la AdvancedMarkerView.

Nota: AdvancedMarkerView con altitud no es arrastrable.
element optional
Tipo: HTMLElement|SVGElement optional
Este campo es de solo lectura. El elemento DOM que respalda la vista.
map optional
Tipo: Map optional
Mapa en el que se muestra AdvancedMarkerView. El mapa es obligatorio para mostrar AdvancedMarkerView y, si no se proporciona durante la construcción, se puede proporcionar AdvancedMarkerView.map.
position optional
Establece la posición de AdvancedMarkerView. Se puede construir un elemento AdvancedMarkerView sin una posición, pero no se mostrará hasta que se proporcione su posición, por ejemplo, mediante acciones o elecciones de un usuario. Se puede proporcionar la posición de un AdvancedMarkerView configurando AdvancedMarkerView.position si no se proporciona en la construcción.

Nota: AdvancedMarkerView solo puede usarse en mapas de vectores de altitud.
title optional
Tipo: string optional
texto de sustitución. Si se proporciona, se agregará un texto de accesibilidad (p.ej., para usarlo con lectores de pantalla) a los AdvancedMarkerView con el valor proporcionado.
zIndex optional
Tipo: number optional
Todas las AdvancedMarkerView se muestran en el mapa en el orden de su zIndex, y los valores más altos se muestran frente a las AdvancedMarkerView con valores más bajos. De manera predeterminada, las AdvancedMarkerView se muestran de acuerdo con su posición vertical en la pantalla, con AdvancedMarkerView más abajo frente a las AdvancedMarkerView que están más arriba en la pantalla. Ten en cuenta que zIndex también se usa para ayudar a determinar la prioridad relativa entre Marcadores avanzados de CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY. Un valor de zIndex más alto indica una prioridad más alta.

PinView

Clase google.maps.marker.PinView

Un elemento PinView representa un elemento DOM que consta de una forma y un glifo. La forma tiene el mismo estilo de globo que el AdvancedMarkerView predeterminado. El glifo es un elemento DOM opcional que se muestra en forma de globo. Un PinView puede tener una relación de aspecto diferente según su PinView.scale.

Esta clase implementa PinViewOptions.

Carga con el parámetro de URL &libraries=marker. Consulta Bibliotecas en la API de Maps JavaScript.

Cuando se usa v=beta, se puede acceder a él llamando a const {PinView} = await google.map.importLibrary("marker"). Consulta Bibliotecas en la API de Maps JavaScript.
PinView
PinView([options])
Parámetros:
background
Tipo: string optional
Consulta los PinViewOptions.background.
borderColor
Tipo: string optional
Consulta los PinViewOptions.borderColor.
element optional
Tipo: HTMLElement|SVGElement optional
Este campo es de solo lectura. El elemento DOM que respalda la vista.
glyph
Tipo: string|Element|URL optional
Consulta los PinViewOptions.glyph.
glyphColor
Tipo: string optional
Consulta los PinViewOptions.glyphColor.
scale
Tipo: number optional
Consulta los PinViewOptions.scale.
addListener
addListener(eventName, handler)
Parámetros:
Valor que se muestra: MapsEventListener
Agrega la función de escucha determinada a un nombre de evento determinado.

PinViewOptions estándar

Interfaz de google.maps.marker.PinViewOptions

Opciones para crear un PinView

Carga con el parámetro de URL &libraries=marker. Consulta Bibliotecas en la API de Maps JavaScript.
background optional
Tipo: string optional
El color de fondo de la forma del alfiler Admite cualquier valor de color CSS.
borderColor optional
Tipo: string optional
El color del borde de la forma del marcador. Admite cualquier valor de color CSS.
element optional
Tipo: HTMLElement|SVGElement optional
Este campo es de solo lectura. El elemento DOM que respalda la vista.
glyph optional
Tipo: string|Element|URL optional
El elemento DOM que se muestra en el marcador.
glyphColor optional
Tipo: string optional
El color del glifo. Admite cualquier valor de color CSS.
scale optional
Tipo: number optional
Predeterminado: 1
La escala del pin.