Clase Marker
Clase google.maps.Marker
Esta clase extiende MVCObject
.
Llama al const {Marker} = await google.maps.importLibrary("marker")
para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
Constructor | |
---|---|
Marker |
Marker([opts]) Parámetros:
Crea un marcador con las opciones especificadas. Si se especifica un mapa, el marcador se agrega a él durante la construcción. Ten en cuenta que la posición se debe establecer para que se muestre el marcador. |
Constantes | |
---|---|
MAX_ZINDEX |
Es el índice Z predeterminado máximo que la API asignará a un marcador. Puedes establecer un índice Z más alto para llevar un marcador al frente. |
Métodos | |
---|---|
getAnimation |
getAnimation() Parámetros: Ninguno
Valor de devolución:
Animation|null|undefined Obtiene la animación que se está ejecutando actualmente. |
getClickable |
getClickable() Parámetros: Ninguno
Valor de devolución:
boolean Es verdadero si se puede hacer clic en el marcador.Obtén el estado de clic del elemento Marker . |
getCursor |
getCursor() Parámetros: Ninguno
Valor de devolución:
string|null|undefined Obtiene el tipo de cursor del mouse que se muestra cuando se coloca el puntero sobre un elemento. |
getDraggable |
getDraggable() Parámetros: Ninguno
Valor de retorno:
boolean Es verdadero si el marcador se puede arrastrar.Obtiene el estado arrastrable del Marker . |
getIcon |
getIcon() Parámetros: Ninguno
Obtiene el ícono de Marker . Consulta los MarkerOptions.icon . |
getLabel |
getLabel() Parámetros: Ninguno
Valor de devolución:
MarkerLabel|string|null|undefined Obtén la etiqueta de Marker . Consulta los MarkerOptions.label . |
getMap |
getMap() Parámetros: Ninguno
Valor de devolución:
Map|StreetViewPanorama Obtiene el mapa o la panorámica en la que se renderiza el Marker . |
getOpacity |
getOpacity() Parámetros: Ninguno
Valor de Devolución:
number|null|undefined Un número entre 0.0 y 1.0.Obtiene la opacidad del Marker . |
getPosition |
getPosition() Parámetros: Ninguno
Valor de devolución:
LatLng|null|undefined Obtén la posición del Marker . |
getShape |
getShape() Parámetros: Ninguno
Valor de devolución:
MarkerShape|null|undefined Obtiene la forma del Marker que se usa para la interacción. Consulta MarkerOptions.shape y MarkerShape . |
getTitle |
getTitle() Parámetros: Ninguno
Valor de devolución:
string|null|undefined Obtiene el título del cuadro de información Marker . Consulta los MarkerOptions.title . |
getVisible |
getVisible() Parámetros: Ninguno
Valor de devolución:
boolean Es verdadero si el marcador está visible.Obtiene la visibilidad del Marker . |
getZIndex |
getZIndex() Parámetros: Ninguno
Valor que se devuelve:
number|null|undefined zIndex del marcador.Obtiene el zIndex de Marker . Consulta los MarkerOptions.zIndex . |
setAnimation |
setAnimation([animation]) Parámetros:
Valor de retorno: Ninguno
Inicia una animación. Se cancelará cualquier animación en curso. Actualmente, se admiten las siguientes animaciones: Animation.BOUNCE y Animation.DROP . Si pasas null , se detendrá cualquier animación. |
setClickable |
setClickable(flag) Parámetros:
Valor de retorno: Ninguno
Establece si se puede hacer clic en el Marker . |
setCursor |
setCursor([cursor]) Parámetros:
Valor de retorno: Ninguno
Establece el tipo de cursor del mouse que se muestra cuando se desplaza el cursor. |
setDraggable |
setDraggable(flag) Parámetros:
Valor de retorno: Ninguno
Establece si el Marker se puede arrastrar. |
setIcon |
setIcon([icon]) Valor de retorno: Ninguno
Establece el ícono para Marker . Consulta los MarkerOptions.icon . |
setLabel |
setLabel([label]) Parámetros:
Valor de retorno: Ninguno
Establece la etiqueta para Marker . Consulta los MarkerOptions.label . |
setMap |
setMap(map) Parámetros:
Valor de retorno: Ninguno
Renderiza el Marker en el mapa o la panorámica especificados. Si el mapa se establece en null , se quitará el marcador. |
setOpacity |
setOpacity([opacity]) Parámetros:
Valor de retorno: Ninguno
Establece la opacidad del Marker . |
setOptions |
setOptions(options) Parámetros:
Valor de retorno: Ninguno
Establece las opciones para Marker . |
setPosition |
setPosition([latlng]) Parámetros:
Valor de retorno: Ninguno
Establece la posición de Marker . |
setShape |
setShape([shape]) Parámetros:
Valor de retorno: Ninguno
Establece la forma del Marker que se usa para la interacción. Consulta MarkerOptions.shape y MarkerShape . |
setTitle |
setTitle([title]) Parámetros:
Valor de retorno: Ninguno
Establece el título de la información sobre la herramienta de Marker . Consulta los MarkerOptions.title . |
setVisible |
setVisible(visible) Parámetros:
Valor de retorno: Ninguno
Se establece si el Marker es visible. |
setZIndex |
setZIndex([zIndex]) Parámetros:
Valor de retorno: Ninguno
Establece el zIndex de Marker . Consulta los MarkerOptions.zIndex . |
Heredado:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventos | |
---|---|
animation_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad de animación Marker . |
click |
function(event) Argumentos:
Este evento se activa cuando se hace clic en el ícono Marker . |
clickable_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad Marker de un elemento que se puede hacer clic. |
contextmenu |
function(event) Argumentos:
Este evento se activa cuando se activa el evento contextmenu del DOM en el Marker . |
cursor_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad del cursor Marker . |
dblclick |
function(event) Argumentos:
Este evento se activa cuando se hace doble clic en el ícono Marker . |
drag |
function(event) Argumentos:
Este evento se activa de forma repetida mientras el usuario arrastra el Marker . |
dragend |
function(event) Argumentos:
Este evento se activa cuando el usuario deja de arrastrar el Marker . |
draggable_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad Marker draggable. |
dragstart |
function(event) Argumentos:
Este evento se activa cuando el usuario comienza a arrastrar el Marker . |
flat_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad plana Marker . |
icon_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad del ícono Marker . |
mousedown |
function(event) Argumentos:
Este evento se activa cuando se presiona el botón del mouse en Marker . |
mouseout |
function(event) Argumentos:
Este evento se activa cuando el mouse sale del área del ícono de Marker . |
mouseover |
function(event) Argumentos:
Este evento se activa cuando el mouse ingresa al área del ícono Marker . |
mouseup |
function(event) Argumentos:
Este evento se activa cuando se suelta el botón del mouse en el elemento Marker . |
position_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad de posición Marker . |
shape_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad de forma Marker . |
title_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad title de Marker . |
visible_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad Marker visible. |
zindex_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad zIndex de Marker . |
|
function(event) Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en el Marker . |
Interfaz MarkerOptions
Interfaz de google.maps.MarkerOptions
Objeto MarkerOptions que se usa para definir las propiedades que se pueden establecer en un marcador.
Propiedades | |
---|---|
anchorPoint optional |
Tipo:
Point optional Es el desplazamiento desde la posición del marcador hasta la punta de una ventana de información que se abrió con el marcador como ancla. |
animation optional |
Tipo:
Animation optional Predeterminado:
null Qué animación reproducir cuando se agrega un marcador a un mapa. |
clickable optional |
Tipo:
boolean optional Predeterminado:
true Si es true , el marcador recibe eventos táctiles y del mouse. |
|
Tipo:
string|CollisionBehavior optional Predeterminado:
null Establece un comportamiento de colisión para los marcadores en los mapas de vectores. |
crossOnDrag optional |
Tipo:
boolean optional Predeterminado:
true Si es false , inhabilita la cruz que aparece debajo del marcador cuando se arrastra. |
cursor optional |
Tipo:
string optional Predeterminado:
pointer Tipo de cursor del mouse que se muestra al colocarlo sobre un elemento. |
draggable optional |
Tipo:
boolean optional Predeterminado:
false Si es true , el marcador se puede arrastrar. Nota: Si configuras este parámetro en true , se podrá hacer clic en el marcador incluso si clickable está configurado en false . |
icon optional |
Ícono para el primer plano. Si se proporciona una cadena, se trata como si fuera un Icon con la cadena como url . |
label optional |
Tipo:
string|MarkerLabel optional Predeterminado:
null Agrega una etiqueta al marcador. Una etiqueta de marcador es una letra o un número que aparecen dentro de un marcador. La etiqueta puede ser una cadena o un objeto MarkerLabel . Si se proporciona y no se proporciona MarkerOptions.title , se agregará un texto de accesibilidad (p.ej., para usar con lectores de pantalla) al marcador con el texto de la etiqueta proporcionada. Ten en cuenta que, actualmente, el objeto label solo se usa para el texto de accesibilidad de los marcadores no optimizados. |
map optional |
Tipo:
Map|StreetViewPanorama optional Mapa en el que se mostrará el marcador. Se requiere el mapa para mostrar el marcador y se puede proporcionar con Marker.setMap si no se proporcionó durante la construcción del marcador. |
opacity optional |
Tipo:
number optional Valor predeterminado: 1.0
Es un número entre 0.0 (transparente) y 1.0 (opaco). |
optimized optional |
Tipo:
boolean optional La optimización mejora el rendimiento renderizando muchos marcadores como un solo elemento estático. Esto resulta útil en los casos en los que se requiere una gran cantidad de marcadores. Obtén más información sobre la optimización de marcadores. Nota: Esta optimización no tiene ningún efecto en los marcadores de los mapas vectoriales. |
position optional |
Tipo:
LatLng|LatLngLiteral optional Establece la posición del marcador. Se puede construir un marcador, pero no se mostrará hasta que se proporcione su posición, por ejemplo, a través de las acciones o elecciones de un usuario. Se puede proporcionar la posición de un marcador con Marker.setPosition si no se proporciona durante la construcción del marcador. |
shape optional |
Tipo:
MarkerShape optional Es la definición de la región del mapa de imagen que se usa para arrastrar o hacer clic. |
title optional |
Tipo:
string optional Predeterminado:
undefined texto de sustitución. Si se proporciona, se agregará un texto de accesibilidad (p.ej., para usar con lectores de pantalla) al marcador con el valor proporcionado. Ten en cuenta que, actualmente, el objeto title solo se usa para el texto de accesibilidad de los marcadores no optimizados. |
visible optional |
Tipo:
boolean optional Predeterminado:
true Si es true , el marcador es visible. |
zIndex optional |
Tipo:
number optional Todos los marcadores se muestran en el mapa en el orden de su zIndex, y los valores más altos se muestran delante de los marcadores con valores más bajos. De forma predeterminada, los marcadores se muestran según su posición vertical en la pantalla, y los marcadores más bajos aparecen delante de los que están más arriba en la pantalla. |
Constantes de CollisionBehavior
Constantes de google.maps.CollisionBehavior
Llama al const {CollisionBehavior} = await google.maps.importLibrary("marker")
para acceder.
Consulta