Clase Polyline
Clase google.maps.Polyline
Una polilínea es una superposición lineal de segmentos de líneas conectados en el mapa.
Esta clase extiende MVCObject.
Llama al const {Polyline} = await google.maps.importLibrary("maps") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
Constructor | |
|---|---|
Polyline |
Polyline([opts])Parámetros:
Crea una polilínea con el PolylineOptions pasado, que especifica tanto la ruta de la polilínea como el estilo de trazo que se usará cuando se dibuje la polilínea. Puedes pasar un array de LatLng o un MVCArray de LatLngs cuando construyas una polilínea, aunque los arrays simples se convierten en MVCArrays dentro de la polilínea durante la instancia. |
Métodos | |
|---|---|
getDraggable |
getDraggable()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si el usuario puede arrastrar esta forma. |
getEditable |
getEditable()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve si el usuario puede editar esta forma. |
getMap |
getMap()Parámetros: Ninguno
Valor de devolución:
Map|nullDevuelve el mapa en el que se adjunta esta forma. |
getPath |
getPath()Parámetros: Ninguno
Recupera la ruta de acceso. |
getVisible |
getVisible()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si esta polilínea es visible en el mapa. |
setDraggable |
setDraggable(draggable)Parámetros:
Valor de retorno: Ninguno
Si se establece en true, el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
setEditable |
setEditable(editable)Parámetros:
Valor de retorno: Ninguno
Si se establece en true, el usuario puede editar esta forma arrastrando los puntos de control que se muestran en los vértices y en cada segmento. |
setMap |
setMap(map)Parámetros:
Valor de retorno: Ninguno
Renderiza esta forma en el mapa especificado. Si el mapa se establece en null, se quitará la forma. |
setOptions |
setOptions(options)Parámetros:
Valor de retorno: Ninguno
|
setPath |
setPath(path)Parámetros:
Valor de retorno: Ninguno
Establece la ruta de acceso. Consulta PolylineOptions para obtener más detalles. |
setVisible |
setVisible(visible)Parámetros:
Valor de retorno: Ninguno
Oculta este polígono si se establece en false. |
Heredado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
click |
function(event)Argumentos:
Este evento se activa cuando se activa el evento de clic del DOM en la polilínea. |
contextmenu |
function(event)Argumentos:
Este evento se activa cuando se activa el evento contextmenu del DOM en Polyline. |
dblclick |
function(event)Argumentos:
Este evento se activa cuando se activa el evento dblclick del DOM en la polilínea. |
drag |
function(event)Argumentos:
Este evento se activa de forma repetida mientras el usuario arrastra la polilínea. |
dragend |
function(event)Argumentos:
Este evento se activa cuando el usuario deja de arrastrar la polilínea. |
dragstart |
function(event)Argumentos:
Este evento se activa cuando el usuario comienza a arrastrar la polilínea. |
mousedown |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mousedown del DOM en la polilínea. |
mousemove |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mousemove del DOM en la polilínea. |
mouseout |
function(event)Argumentos:
Este evento se activa cuando el mouse sale de una polilínea. |
mouseover |
function(event)Argumentos:
Este evento se activa cuando el mouse se coloca sobre una polilínea. |
mouseup |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mouseup del DOM en la polilínea. |
|
function(event)Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en la polilínea. |
Interfaz PolylineOptions
Interfaz de google.maps.PolylineOptions
Objeto PolylineOptions que se usa para definir las propiedades que se pueden establecer en una Polyline.
Propiedades | |
|---|---|
clickable optional |
Tipo:
boolean optionalPredeterminado:
trueIndica si este Polyline controla los eventos del mouse. |
draggable optional |
Tipo:
boolean optionalPredeterminado:
falseSi se establece en true, el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
editable optional |
Tipo:
boolean optionalPredeterminado:
falseSi se establece en true, el usuario puede editar esta forma arrastrando los puntos de control que se muestran en los vértices y en cada segmento. |
geodesic optional |
Tipo:
boolean optionalPredeterminado:
falseCuando es true, los bordes del polígono se interpretan como geodésicos y seguirán la curvatura de la Tierra. Cuando es false, los bordes del polígono se renderizan como líneas rectas en el espacio de la pantalla. Ten en cuenta que la forma de un polígono geodésico puede parecer que cambia cuando se arrastra, ya que las dimensiones se mantienen en relación con la superficie de la Tierra. |
icons optional |
Tipo:
Array<IconSequence> optionalSon los íconos que se renderizarán a lo largo de la polilínea. |
map optional |
Tipo:
Map optionalMapa en el que se mostrará la polilínea. |
path optional |
Tipo:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalEs la secuencia ordenada de coordenadas de la polilínea. Esta ruta se puede especificar con un array simple de LatLng o un MVCArray de LatLng. Ten en cuenta que, si pasas un array simple, se convertirá en un MVCArray. Insertar o quitar objetos LatLng en el MVCArray actualizará automáticamente la polilínea en el mapa. |
strokeColor optional |
Tipo:
string optionalcolor del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
strokeOpacity optional |
Tipo:
number optionalopacidad de trazo entre 0,0 y 1,0. |
strokeWeight optional |
Tipo:
number optionalancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optionalPredeterminado:
trueIndica si esta polilínea es visible en el mapa. |
zIndex optional |
Tipo:
number optionalEs el índice Z en comparación con otros polígonos. |
Interfaz de IconSequence
Interfaz de google.maps.IconSequence
Describe cómo se deben renderizar los íconos en una línea.
Si la polilínea es geodésica, las distancias especificadas para el desplazamiento y la repetición se calculan en metros de forma predeterminada. Si configuras la compensación o la repetición en un valor de píxel, las distancias se calcularán en píxeles en la pantalla.
Propiedades | |
|---|---|
fixedRotation optional |
Tipo:
boolean optionalPredeterminado:
falseSi es true, cada ícono de la secuencia tiene la misma rotación fija, independientemente del ángulo del borde en el que se encuentra. Si es false, cada ícono de la secuencia se rota para alinearse con su borde. |
icon optional |
Tipo:
Symbol optionalEs el ícono que se renderizará en la línea. |
offset optional |
Tipo:
string optionalPredeterminado:
'100%'Es la distancia desde el inicio de la línea en la que se renderizará un ícono. Esta distancia puede expresarse como un porcentaje de la longitud de la línea (p.ej., "50%") o en píxeles (p.ej., "50px"). |
repeat optional |
Tipo:
string optionalPredeterminado:
0Es la distancia entre los íconos consecutivos de la línea. Esta distancia puede expresarse como un porcentaje de la longitud de la línea (p.ej., "50%") o en píxeles (p.ej., "50px"). Para inhabilitar la repetición del ícono, especifica "0". |
Clase Polygon
Clase google.maps.Polygon
Un polígono (como una polilínea) define una serie de coordenadas conectadas en una secuencia ordenada. Además, los polígonos forman un bucle cerrado y definen una región rellenada. Consulta las muestras en la guía para desarrolladores, comenzando con un polígono simple, un polígono con un agujero y mucho más. Ten en cuenta que también puedes usar la capa de datos para crear un polígono. La capa de datos ofrece una forma más simple de crear agujeros, ya que controla el orden de los trazados internos y externos por ti.
Esta clase extiende MVCObject.
Llama al const {Polygon} = await google.maps.importLibrary("maps") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
Constructor | |
|---|---|
Polygon |
Polygon([opts])Parámetros:
Crea un polígono con el PolygonOptions pasado, que especifica la ruta del polígono, el estilo de trazo para los bordes del polígono y el estilo de relleno para las regiones interiores del polígono. Un polígono puede contener uno o más trazados, en los que cada uno consta de un array de LatLngs. Puedes pasar un array de LatLngs o un MVCArray de LatLngs cuando construyas estas rutas. Los arrays se convierten en MVCArrays dentro del polígono durante la creación de instancias. |
Métodos | |
|---|---|
getDraggable |
getDraggable()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si el usuario puede arrastrar esta forma. |
getEditable |
getEditable()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve si el usuario puede editar esta forma. |
getMap |
getMap()Parámetros: Ninguno
Valor de devolución:
Map|nullDevuelve el mapa en el que se adjunta esta forma. |
getPath |
getPath()Parámetros: Ninguno
Recupera la primera ruta. |
getPaths |
getPaths()Parámetros: Ninguno
Recupera las rutas de este polígono. |
getVisible |
getVisible()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si esta polilínea es visible en el mapa. |
setDraggable |
setDraggable(draggable)Parámetros:
Valor de retorno: Ninguno
Si se establece en true, el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
setEditable |
setEditable(editable)Parámetros:
Valor de retorno: Ninguno
Si se establece en true, el usuario puede editar esta forma arrastrando los puntos de control que se muestran en los vértices y en cada segmento. |
setMap |
setMap(map)Parámetros:
Valor de retorno: Ninguno
Renderiza esta forma en el mapa especificado. Si el mapa se establece en null, se quitará la forma. |
setOptions |
setOptions(options)Parámetros:
Valor de retorno: Ninguno
|
setPath |
setPath(path)Parámetros:
Valor de retorno: Ninguno
Establece la primera ruta. Consulta PolygonOptions para obtener más detalles. |
setPaths |
setPaths(paths)Parámetros:
Valor de retorno: Ninguno
Establece la ruta de acceso para este polígono. |
setVisible |
setVisible(visible)Parámetros:
Valor de retorno: Ninguno
Oculta este polígono si se establece en false. |
Heredado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
click |
function(event)Argumentos:
Este evento se activa cuando se activa el evento de clic del DOM en el polígono. |
contextmenu |
function(event)Argumentos:
Este evento se activa cuando se activa el evento contextmenu del DOM en el polígono. |
dblclick |
function(event)Argumentos:
Este evento se activa cuando se activa el evento dblclick del DOM en el polígono. |
drag |
function(event)Argumentos:
Este evento se activa de manera repetida mientras el usuario arrastra el polígono. |
dragend |
function(event)Argumentos:
Este evento se activa cuando el usuario deja de arrastrar el polígono. |
dragstart |
function(event)Argumentos:
Este evento se activa cuando el usuario comienza a arrastrar el polígono. |
mousedown |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mousedown del DOM en el polígono. |
mousemove |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mousemove del DOM en el polígono. |
mouseout |
function(event)Argumentos:
Este evento se activa cuando el mouse sale de un polígono. |
mouseover |
function(event)Argumentos:
Este evento se activa cuando el mouse se coloca sobre un polígono. |
mouseup |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mouseup del DOM en el polígono. |
|
function(event)Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en el polígono. |
Interfaz PolygonOptions
Interfaz de google.maps.PolygonOptions
Objeto PolygonOptions que se usa para definir las propiedades que se pueden establecer en un polígono.
Propiedades | |
|---|---|
clickable optional |
Tipo:
boolean optionalPredeterminado:
trueIndica si este Polygon controla los eventos del mouse. |
draggable optional |
Tipo:
boolean optionalPredeterminado:
falseSi se establece en true, el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
editable optional |
Tipo:
boolean optionalPredeterminado:
falseSi se establece en true, el usuario puede editar esta forma arrastrando los puntos de control que se muestran en los vértices y en cada segmento. |
fillColor optional |
Tipo:
string optionalcolor de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
fillOpacity optional |
Tipo:
number optionalOpacidad de relleno entre 0.0 y 1.0 |
geodesic optional |
Tipo:
boolean optionalPredeterminado:
falseCuando es true, los bordes del polígono se interpretan como geodésicos y seguirán la curvatura de la Tierra. Cuando es false, los bordes del polígono se renderizan como líneas rectas en el espacio de la pantalla. Ten en cuenta que la forma de un polígono geodésico puede parecer que cambia cuando se arrastra, ya que las dimensiones se mantienen en relación con la superficie de la Tierra. |
map optional |
Tipo:
Map optionalEs el mapa en el que se mostrará el polígono. |
paths optional |
Tipo:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalEs la secuencia ordenada de coordenadas que designa un bucle cerrado. A diferencia de las polilíneas, un polígono puede constar de una o más rutas. Como resultado, la propiedad paths puede especificar uno o más arrays de coordenadas LatLng. Las rutas se cierran automáticamente; no repitas el primer vértice de la ruta como el último. Los polígonos simples se pueden definir con un solo array de LatLngs. Los polígonos más complejos pueden especificar un array de arrays. Los arrays simples se convierten en MVCArrays. Si insertas o quitas LatLngs del MVCArray, se actualizará automáticamente el polígono en el mapa. |
strokeColor optional |
Tipo:
string optionalcolor del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
strokeOpacity optional |
Tipo:
number optionalOpacidad del trazo entre 0.0 y 1.0 |
strokePosition optional |
Tipo:
StrokePosition optionalPredeterminado:
StrokePosition.CENTEREs la posición del trazo. |
strokeWeight optional |
Tipo:
number optionalancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optionalPredeterminado:
trueIndica si este polígono es visible en el mapa. |
zIndex optional |
Tipo:
number optionalEs el índice Z en comparación con otros polígonos. |
Interfaz PolyMouseEvent
Interfaz de google.maps.PolyMouseEvent
Este objeto se devuelve a partir de eventos del mouse en polilíneas y polígonos.
Esta interfaz extiende MapMouseEvent.
Propiedades | |
|---|---|
edge optional |
Tipo:
number optionalEs el índice del borde dentro de la ruta debajo del cursor cuando ocurrió el evento, si el evento ocurrió en un punto medio de un polígono editable. |
path optional |
Tipo:
number optionalEs el índice de la ruta debajo del cursor cuando ocurrió el evento, si el evento ocurrió en un vértice y el polígono es editable. En caso contrario, undefined. |
vertex optional |
Tipo:
number optionalÍndice del vértice debajo del cursor cuando ocurrió el evento, si el evento ocurrió en un vértice y la polilínea o el polígono son editables. Si el evento no ocurre en un vértice, el valor es undefined. |
Heredado:
domEvent,
latLng
| |
Métodos | |
|---|---|
Heredado:
stop
|
Clase Rectangle
Clase google.maps.Rectangle
Es una superposición rectangular.
Esta clase extiende MVCObject.
Llama al const {Rectangle} = await google.maps.importLibrary("maps") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
Constructor | |
|---|---|
Rectangle |
Rectangle([opts])Parámetros:
Crea un rectángulo con el RectangleOptions pasado, que especifica los límites y el estilo. |
Métodos | |
|---|---|
getBounds |
getBounds()Parámetros: Ninguno
Valor de devolución:
LatLngBounds|nullDevuelve los límites de este rectángulo. |
getDraggable |
getDraggable()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si el usuario puede arrastrar este rectángulo. |
getEditable |
getEditable()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si el usuario puede editar este rectángulo. |
getMap |
getMap()Parámetros: Ninguno
Valor de devolución:
Map|nullDevuelve el mapa en el que se muestra este rectángulo. |
getVisible |
getVisible()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si este rectángulo es visible en el mapa. |
setBounds |
setBounds(bounds)Parámetros:
Valor de retorno: Ninguno
Establece los límites de este rectángulo. |
setDraggable |
setDraggable(draggable)Parámetros:
Valor de retorno: Ninguno
Si se establece en true, el usuario puede arrastrar este rectángulo sobre el mapa. |
setEditable |
setEditable(editable)Parámetros:
Valor de retorno: Ninguno
Si se establece en true, el usuario puede editar este rectángulo arrastrando los puntos de control que se muestran en las esquinas y en cada borde. |
setMap |
setMap(map)Parámetros:
Valor de retorno: Ninguno
Renderiza el rectángulo en el mapa especificado. Si el mapa se establece en null, se quitará el rectángulo. |
setOptions |
setOptions(options)Parámetros:
Valor de retorno: Ninguno
|
setVisible |
setVisible(visible)Parámetros:
Valor de retorno: Ninguno
Oculta este rectángulo si se establece en false. |
Heredado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
bounds_changed |
function()Argumentos: Ninguno
Este evento se activa cuando cambian los límites del rectángulo. |
click |
function(event)Argumentos:
Este evento se activa cuando se activa el evento de clic del DOM en el rectángulo. |
contextmenu |
function(event)Argumentos:
Este evento se activa cuando se activa el evento contextmenu del DOM en el rectángulo. |
dblclick |
function(event)Argumentos:
Este evento se activa cuando se activa el evento dblclick del DOM en el rectángulo. |
drag |
function(event)Argumentos:
Este evento se activa de manera repetida mientras el usuario arrastra el rectángulo. |
dragend |
function(event)Argumentos:
Este evento se activa cuando el usuario deja de arrastrar el rectángulo. |
dragstart |
function(event)Argumentos:
Este evento se activa cuando el usuario comienza a arrastrar el rectángulo. |
mousedown |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mousedown del DOM en el rectángulo. |
mousemove |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mousemove del DOM en el rectángulo. |
mouseout |
function(event)Argumentos:
Este evento se activa cuando el mouse sale de un rectángulo. |
mouseover |
function(event)Argumentos:
Este evento se activa cuando el mouse se coloca sobre un rectángulo. |
mouseup |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mouseup del DOM en el rectángulo. |
|
function(event)Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en el rectángulo. |
Interfaz de RectangleOptions
Interfaz de google.maps.RectangleOptions
Objeto RectangleOptions que se usa para definir las propiedades que se pueden establecer en un rectángulo.
Propiedades | |
|---|---|
bounds optional |
Tipo:
LatLngBounds|LatLngBoundsLiteral optionalSon los límites. |
clickable optional |
Tipo:
boolean optionalPredeterminado:
trueIndica si este Rectangle controla los eventos del mouse. |
draggable optional |
Tipo:
boolean optionalPredeterminado:
falseSi se establece en true, el usuario puede arrastrar este rectángulo sobre el mapa. |
editable optional |
Tipo:
boolean optionalPredeterminado:
falseSi se establece en true, el usuario puede editar este rectángulo arrastrando los puntos de control que se muestran en las esquinas y en cada borde. |
fillColor optional |
Tipo:
string optionalcolor de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
fillOpacity optional |
Tipo:
number optionalOpacidad de relleno entre 0.0 y 1.0 |
map optional |
Tipo:
Map optionalMapa en el que se mostrará el rectángulo. |
strokeColor optional |
Tipo:
string optionalcolor del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
strokeOpacity optional |
Tipo:
number optionalOpacidad del trazo entre 0.0 y 1.0 |
strokePosition optional |
Tipo:
StrokePosition optionalPredeterminado:
StrokePosition.CENTEREs la posición del trazo. |
strokeWeight optional |
Tipo:
number optionalancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optionalPredeterminado:
trueIndica si este rectángulo es visible en el mapa. |
zIndex optional |
Tipo:
number optionalEs el índice Z en comparación con otros polígonos. |
Clase Circle
Clase google.maps.Circle
Es un círculo en la superficie de la Tierra, también conocido como "casquete esférico".
Esta clase extiende MVCObject.
Llama al const {Circle} = await google.maps.importLibrary("maps") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
Constructor | |
|---|---|
Circle |
Circle([circleOrCircleOptions])Parámetros:
Crea un círculo con el CircleOptions pasado, que especifica el centro, el radio y el estilo. |
Métodos | |
|---|---|
getBounds |
getBounds()Parámetros: Ninguno
Valor de devolución:
LatLngBounds|nullObtiene el LatLngBounds de este círculo. |
getCenter |
getCenter()Parámetros: Ninguno
Valor de devolución:
LatLng|nullDevuelve el centro de este círculo. |
getDraggable |
getDraggable()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve si el usuario puede arrastrar este círculo. |
getEditable |
getEditable()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si el usuario puede editar este círculo. |
getMap |
getMap()Parámetros: Ninguno
Valor de devolución:
Map|nullDevuelve el mapa en el que se muestra este círculo. |
getRadius |
getRadius()Parámetros: Ninguno
Valor de devolución:
numberDevuelve el radio de este círculo (en metros). |
getVisible |
getVisible()Parámetros: Ninguno
Valor de devolución:
booleanDevuelve un valor que indica si este círculo es visible en el mapa. |
setCenter |
setCenter(center)Parámetros:
Valor de retorno: Ninguno
Establece el centro de este círculo. |
setDraggable |
setDraggable(draggable)Parámetros:
Valor de retorno: Ninguno
Si se establece en true, el usuario puede arrastrar este círculo sobre el mapa. |
setEditable |
setEditable(editable)Parámetros:
Valor de retorno: Ninguno
Si se establece en true, el usuario puede editar este círculo arrastrando los puntos de control que se muestran en el centro y alrededor de la circunferencia del círculo. |
setMap |
setMap(map)Parámetros:
Valor de retorno: Ninguno
Renderiza el círculo en el mapa especificado. Si el mapa se establece en null, se quitará el círculo. |
setOptions |
setOptions(options)Parámetros:
Valor de retorno: Ninguno
|
setRadius |
setRadius(radius)Parámetros:
Valor de retorno: Ninguno
Establece el radio de este círculo (en metros). |
setVisible |
setVisible(visible)Parámetros:
Valor de retorno: Ninguno
Oculta este círculo si se configura como false. |
Heredado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
center_changed |
function()Argumentos: Ninguno
Este evento se activa cuando se cambia el centro del círculo. |
click |
function(event)Argumentos:
Este evento se activa cuando se activa el evento de clic del DOM en el círculo. |
dblclick |
function(event)Argumentos:
Este evento se activa cuando se activa el evento dblclick del DOM en el círculo. |
drag |
function(event)Argumentos:
Este evento se activa de forma repetida mientras el usuario arrastra el círculo. |
dragend |
function(event)Argumentos:
Este evento se activa cuando el usuario deja de arrastrar el círculo. |
dragstart |
function(event)Argumentos:
Este evento se activa cuando el usuario comienza a arrastrar el círculo. |
mousedown |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mousedown del DOM en el círculo. |
mousemove |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mousemove del DOM en el círculo. |
mouseout |
function(event)Argumentos:
Este evento se activa cuando el mouse sale del círculo. |
mouseover |
function(event)Argumentos:
Este evento se activa cuando el mouse se coloca sobre el círculo. |
mouseup |
function(event)Argumentos:
Este evento se activa cuando se activa el evento mouseup del DOM en el círculo. |
radius_changed |
function()Argumentos: Ninguno
Este evento se activa cuando se cambia el radio del círculo. |
rightclick |
function(event)Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en el círculo. |
Interfaz CircleOptions
Interfaz de google.maps.CircleOptions
Objeto CircleOptions que se usa para definir las propiedades que se pueden establecer en un objeto Circle.
Propiedades | |
|---|---|
center optional |
Tipo:
LatLng|LatLngLiteral optionalEs el centro del círculo. |
clickable optional |
Tipo:
boolean optionalPredeterminado:
trueIndica si este Circle controla los eventos del mouse. |
draggable optional |
Tipo:
boolean optionalPredeterminado:
falseSi se establece en true, el usuario puede arrastrar este círculo sobre el mapa. |
editable optional |
Tipo:
boolean optionalPredeterminado:
falseSi se establece en true, el usuario puede editar este círculo arrastrando los puntos de control que se muestran en el centro y alrededor de la circunferencia del círculo. |
fillColor optional |
Tipo:
string optionalcolor de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
fillOpacity optional |
Tipo:
number optionalOpacidad de relleno entre 0.0 y 1.0. |
map optional |
Tipo:
Map optionalMapa en el que se mostrará el círculo. |
radius optional |
Tipo:
number optionalEs el radio en metros sobre la superficie de la Tierra. |
strokeColor optional |
Tipo:
string optionalcolor del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
strokeOpacity optional |
Tipo:
number optionalopacidad de trazo entre 0,0 y 1,0. |
strokePosition optional |
Tipo:
StrokePosition optionalPredeterminado:
StrokePosition.CENTEREs la posición del trazo. |
strokeWeight optional |
Tipo:
number optionalancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optionalPredeterminado:
trueIndica si este círculo es visible en el mapa. |
zIndex optional |
Tipo:
number optionalEs el índice Z en comparación con otros polígonos. |
Constantes de StrokePosition
Constantes de google.maps.StrokePosition
Son las posiciones posibles del trazo en un polígono.
Llama al const {StrokePosition} = await google.maps.importLibrary("maps") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
Constantes | |
|---|---|
CENTER |
El trazo se centra en la ruta del polígono, con la mitad del trazo dentro del polígono y la otra mitad fuera de él. |
INSIDE |
El trazo se encuentra dentro del polígono. |
OUTSIDE |
El trazo se encuentra fuera del polígono. |