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
.
Para acceder, llama a const {Polyline} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas en la API de Maps JavaScript.
Constructor | |
---|---|
Polyline |
Polyline([opts]) Parámetros:
Crea una polilínea con el PolylineOptions pasado, que especifica la ruta de la polilínea y el estilo de trazo que se usará al dibujar la polilínea. Puedes pasar un array de LatLng o MVCArray de LatLng cuando se construye una polilínea, aunque los arrays simples se convierten en MVCArray dentro de la polilínea en el momento de la creación de la instancia. |
Métodos | |
---|---|
getDraggable |
getDraggable() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si el usuario puede arrastrar esta forma. |
getEditable |
getEditable() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si el usuario puede editar esta forma. |
getMap |
getMap() Parámetros: Ninguno
Valor que se muestra:
Map|null Muestra el mapa en el que se adjunta esta forma. |
getPath |
getPath() Parámetros: Ninguno
Recupera la ruta. |
getVisible |
getVisible() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si este polígono es visible en el mapa. |
setDraggable |
setDraggable(draggable) Parámetros:
Valor que se muestra: Ninguno
Si se configura como true , el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
setEditable |
setEditable(editable) Parámetros:
Valor que se muestra: 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 que se muestra: 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 que se muestra: Ninguno
|
setPath |
setPath(path) Parámetros:
Valor que se muestra: Ninguno
Establece la ruta. Consulta PolylineOptions para obtener más detalles. |
setVisible |
setVisible(visible) Parámetros:
Valor que se muestra: Ninguno
Oculta este polígono si se establece en false . |
Heredada:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Events | |
---|---|
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 de menú contextual del DOM en Poyline. |
dblclick |
function(event) Argumentos:
Este evento se activa cuando se activa el evento dblclick de DOM en la polilínea. |
drag |
function(event) Argumentos:
Este evento se activa repetidamente 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 de mousedown del DOM en la polilínea. |
mousemove |
function(event) Argumentos:
Este evento se activa cuando el evento DOM mousemove se activa en la polilínea. |
mouseout |
function(event) Argumentos:
Este evento se activa cuando el mouseout de Polyline. |
mouseover |
function(event) Argumentos:
Este evento se activa cuando se desplaza el mouse sobre una polilínea. |
mouseup |
function(event) Argumentos:
Este evento se activa cuando se activa el evento de 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 de PolylineOptions
Interfaz de google.maps.PolylineOptions
PolylineOptions que se usa para definir las propiedades que se pueden establecer en una polilínea.
Propiedades | |
---|---|
clickable optional |
Tipo:
boolean optional Configuración predeterminada:
true Indica si este Polyline controla eventos del mouse. |
draggable optional |
Tipo:
boolean optional Configuración predeterminada:
false Si se configura como true , el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
editable optional |
Tipo:
boolean optional Configuración predeterminada:
false 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. |
geodesic optional |
Tipo:
boolean optional Configuración predeterminada:
false Cuando el valor es true , los bordes del polígono se interpretan como geodésicos y siguen la curvatura de la Tierra. Cuando el valor 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 cambiar cuando se la arrastra, ya que las dimensiones se mantienen en relación con la superficie de la Tierra. |
icons optional |
Tipo:
Array<IconSequence> optional Íconos que se renderizarán en la polilínea. |
map optional |
Tipo:
Map optional Mapa en el que se muestra Polyline |
path optional |
Tipo:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional 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 elemento MVCArray . Si insertas o quitas LatLngs en MVCArray , se actualizará automáticamente la polilínea en el mapa. |
strokeColor optional |
Tipo:
string optional color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
strokeOpacity optional |
Tipo:
number optional opacidad de trazo entre 0,0 y 1,0. |
strokeWeight optional |
Tipo:
number optional ancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optional Configuración predeterminada:
true Indica si esta polilínea es visible en el mapa. |
zIndex optional |
Tipo:
number optional zIndex comparado con otros polígonos. |
IconSequence
Interfaz de google.maps.IconSequence
Describe cómo se renderizan los íconos en una línea.
Si tu polilínea es geodésica, las distancias especificadas para el desplazamiento y la repetición se calculan de forma predeterminada en metros. Si se establece un valor de desplazamiento o de repetición en píxeles, las distancias se calcularán en píxeles en la pantalla.
Propiedades | |
---|---|
fixedRotation optional |
Tipo:
boolean optional Configuración predeterminada:
false Si es true , cada ícono de la secuencia tiene la misma rotación fija, independientemente del ángulo en el que se encuentre. Si el valor es false , usa mayúsculas y minúsculas para cada ícono de la secuencia. |
icon optional |
Tipo:
Symbol optional El ícono que se renderizará en la línea. |
offset optional |
Tipo:
string optional Configuración predeterminada:
'100%' Indica 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., "50 px"). |
repeat optional |
Tipo:
string optional Configuración predeterminada:
0 La distancia entre los íconos consecutivos en 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., "50 px"). Para inhabilitar la repetición del ícono, especifica “0”. |
Polygon
Clase google.maps.Polygon
Un polígono (como una polilínea) define una serie de coordenadas conectadas en una secuencia ordenada. Además, forman polígonos cerrados y definen una región rellena. Consulta las muestras de la guía para desarrolladores. Comienza 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 manera más simple de crear orificios porque controla el orden de los trazados internos y externos por usted.
Esta clase extiende MVCObject
.
Para acceder, llama a const {Polygon} = await google.maps.importLibrary("maps")
. 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 de las regiones interiores del polígono. Un polígono puede contener uno o más trazados, y cada uno consiste en un array de LatLng . Puedes pasar un array de LatLngs o un MVCArray de LatLng cuando construyas estas rutas de acceso. Los arrays se convierten en MVCArray dentro del polígono en el momento de crear la instancia. |
Métodos | |
---|---|
getDraggable |
getDraggable() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si el usuario puede arrastrar esta forma. |
getEditable |
getEditable() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si el usuario puede editar esta forma. |
getMap |
getMap() Parámetros: Ninguno
Valor que se muestra:
Map|null Muestra 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 que se muestra:
boolean Muestra si este polígono es visible en el mapa. |
setDraggable |
setDraggable(draggable) Parámetros:
Valor que se muestra: Ninguno
Si se configura como true , el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
setEditable |
setEditable(editable) Parámetros:
Valor que se muestra: 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 que se muestra: 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 que se muestra: Ninguno
|
setPath |
setPath(path) Parámetros:
Valor que se muestra: Ninguno
Establece la primera ruta. Consulta PolygonOptions para obtener más detalles. |
setPaths |
setPaths(paths) Parámetros:
Valor que se muestra: Ninguno
Establece la ruta para este polígono. |
setVisible |
setVisible(visible) Parámetros:
Valor que se muestra: Ninguno
Oculta este polígono si se establece en false . |
Heredada:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Events | |
---|---|
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 el evento del menú contextual DOM se activa en el polígono. |
dblclick |
function(event) Argumentos:
Este evento se activa cuando se activa el evento dblclick de DOM en el polígono. |
drag |
function(event) Argumentos:
Este evento se activa repetidamente 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 de mousedown del DOM en el polígono. |
mousemove |
function(event) Argumentos:
Este evento se activa cuando el evento DOM mousemove se activa en el polígono. |
mouseout |
function(event) Argumentos:
Este evento se activa cuando el mouseout del polígono. |
mouseover |
function(event) Argumentos:
Este evento se activa al desplazar el mouse sobre el polígono. |
mouseup |
function(event) Argumentos:
Este evento se activa cuando se activa el evento de 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. |
PolygonOptions.
Interfaz de google.maps.PolygonOptions
PolygonOptions que se usa para definir las propiedades que se pueden establecer en un polígono.
Propiedades | |
---|---|
clickable optional |
Tipo:
boolean optional Configuración predeterminada:
true Indica si este Polygon controla eventos del mouse. |
draggable optional |
Tipo:
boolean optional Configuración predeterminada:
false Si se configura como true , el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
editable optional |
Tipo:
boolean optional Configuración predeterminada:
false 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. |
fillColor optional |
Tipo:
string optional color de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
fillOpacity optional |
Tipo:
number optional opacidad de relleno entre 0,0 y 1,0 |
geodesic optional |
Tipo:
boolean optional Configuración predeterminada:
false Cuando el valor es true , los bordes del polígono se interpretan como geodésicos y siguen la curvatura de la Tierra. Cuando el valor 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 cambiar cuando se la arrastra, ya que las dimensiones se mantienen en relación con la superficie de la Tierra. |
map optional |
Tipo:
Map optional Mapa con el que se debe mostrar el polígono |
paths optional |
Tipo:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional La secuencia ordenada de coordenadas que designa un bucle cerrado. A diferencia de las polilíneas, un polígono puede constar de uno o más trazados. Como resultado, la propiedad de rutas de acceso 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 vértice. Los polígonos simples pueden definirse con un único array de LatLng . Los polígonos más complejos pueden especificar un array de arrays. Los arreglos simples se convierten en MVCArray . Si insertas o quitas LatLng de MVCArray , se actualizará automáticamente el polígono en el mapa. |
strokeColor optional |
Tipo:
string optional color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
strokeOpacity optional |
Tipo:
number optional opacidad de trazo entre 0,0 y 1,0 |
strokePosition optional |
Tipo:
StrokePosition optional Configuración predeterminada:
StrokePosition.CENTER La posición del trazo. |
strokeWeight optional |
Tipo:
number optional ancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optional Configuración predeterminada:
true Indica si este polígono es visible en el mapa. |
zIndex optional |
Tipo:
number optional zIndex comparado con otros polígonos. |
PolyMouseEvent.
Interfaz de google.maps.PolyMouseEvent
Este objeto se muestra a partir de eventos del mouse en polilíneas y polígonos.
Esta interfaz extiende MapMouseEvent
.
Propiedades | |
---|---|
edge optional |
Tipo:
number optional El índice del borde dentro de la ruta debajo del cursor cuando ocurrió el evento, si este ocurrió en un punto medio de un polígono editable. |
path optional |
Tipo:
number optional El índice de la ruta debajo del cursor cuando ocurrió el evento, si este ocurrió en un vértice y el polígono se puede editar De lo contrario, undefined . |
vertex optional |
Tipo:
number optional Es el índice del vértice debajo del cursor cuando se produjo el evento, si el evento ocurrió en un vértice y la polilínea o el polígono se pueden editar. Si el evento no ocurre en un vértice, el valor es undefined . |
Heredada:
domEvent ,
latLng
|
Métodos | |
---|---|
Heredada:
stop
|
Rectangle
Clase google.maps.Rectangle
Una superposición rectangular.
Esta clase extiende MVCObject
.
Para acceder, llama a const {Rectangle} = await google.maps.importLibrary("maps")
. 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 que se muestra:
LatLngBounds|null Muestra los límites de este rectángulo. |
getDraggable |
getDraggable() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si el usuario puede arrastrar este rectángulo. |
getEditable |
getEditable() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si el usuario puede editar este rectángulo. |
getMap |
getMap() Parámetros: Ninguno
Valor que se muestra:
Map|null Muestra el mapa en el que se muestra este rectángulo. |
getVisible |
getVisible() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si este rectángulo es visible en el mapa. |
setBounds |
setBounds(bounds) Parámetros:
Valor que se muestra: Ninguno
Establece los límites de este rectángulo. |
setDraggable |
setDraggable(draggable) Parámetros:
Valor que se muestra: Ninguno
Si se establece como true , el usuario puede arrastrar este rectángulo sobre el mapa. |
setEditable |
setEditable(editable) Parámetros:
Valor que se muestra: Ninguno
Si se establece como 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 que se muestra: 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 que se muestra: Ninguno
|
setVisible |
setVisible(visible) Parámetros:
Valor que se muestra: Ninguno
Oculta este rectángulo si se establece en false . |
Heredada:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Events | |
---|---|
bounds_changed |
function() Argumentos: Ninguno
Este evento se activa cuando se 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 el evento del menú contextual del DOM se activa en el rectángulo. |
dblclick |
function(event) Argumentos:
Este evento se activa cuando se activa el evento dblclick de DOM en el rectángulo. |
drag |
function(event) Argumentos:
Este evento se activa repetidamente 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 de DOM DOM down en el rectángulo. |
mousemove |
function(event) Argumentos:
Este evento se activa cuando se activa el evento DOM mousemove en el rectángulo. |
mouseout |
function(event) Argumentos:
Este evento se activa en un mouseout rectangular. |
mouseover |
function(event) Argumentos:
Este evento se activa cuando se coloca el mouse sobre un rectángulo. |
mouseup |
function(event) Argumentos:
Este evento se activa cuando se activa el evento de 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. |
RectangleOptions
Interfaz de google.maps.RectangleOptions
RectangleOptions que se usa para definir las propiedades que se pueden establecer en un rectángulo.
Propiedades | |
---|---|
bounds optional |
Tipo:
LatLngBounds|LatLngBoundsLiteral optional Los límites. |
clickable optional |
Tipo:
boolean optional Configuración predeterminada:
true Indica si este Rectangle controla eventos del mouse. |
draggable optional |
Tipo:
boolean optional Configuración predeterminada:
false Si se establece como true , el usuario puede arrastrar este rectángulo sobre el mapa. |
editable optional |
Tipo:
boolean optional Configuración predeterminada:
false Si se establece como 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 optional color de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
fillOpacity optional |
Tipo:
number optional opacidad de relleno entre 0,0 y 1,0 |
map optional |
Tipo:
Map optional Mapa en el que se debe mostrar el rectángulo |
strokeColor optional |
Tipo:
string optional color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
strokeOpacity optional |
Tipo:
number optional opacidad de trazo entre 0,0 y 1,0 |
strokePosition optional |
Tipo:
StrokePosition optional Configuración predeterminada:
StrokePosition.CENTER La posición del trazo. |
strokeWeight optional |
Tipo:
number optional ancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optional Configuración predeterminada:
true Indica si este rectángulo es visible en el mapa. |
zIndex optional |
Tipo:
number optional zIndex comparado con otros polígonos. |
Circle.
Clase google.maps.Circle
Círculo en la superficie de la Tierra, también conocido como "sombrero esférico".
Esta clase extiende MVCObject
.
Para acceder, llama a const {Circle} = await google.maps.importLibrary("maps")
. 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 que se muestra:
LatLngBounds|null Obtiene el LatLngBounds de este círculo. |
getCenter |
getCenter() Parámetros: Ninguno
Valor que se muestra:
LatLng|null Muestra el centro de este círculo. |
getDraggable |
getDraggable() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si el usuario puede arrastrar este círculo. |
getEditable |
getEditable() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si el usuario puede editar este círculo. |
getMap |
getMap() Parámetros: Ninguno
Valor que se muestra:
Map|null Muestra el mapa en el que se muestra este círculo. |
getRadius |
getRadius() Parámetros: Ninguno
Valor que se muestra:
number Muestra el radio de este círculo (en metros). |
getVisible |
getVisible() Parámetros: Ninguno
Valor que se muestra:
boolean Muestra si este círculo está visible en el mapa. |
setCenter |
setCenter(center) Parámetros:
Valor que se muestra: Ninguno
Establece el centro de este círculo. |
setDraggable |
setDraggable(draggable) Parámetros:
Valor que se muestra: Ninguno
Si se configura como true , el usuario puede arrastrar este círculo sobre el mapa. |
setEditable |
setEditable(editable) Parámetros:
Valor que se muestra: 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 que se muestra: 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 que se muestra: Ninguno
|
setRadius |
setRadius(radius) Parámetros:
Valor que se muestra: Ninguno
Establece el radio de este círculo (en metros). |
setVisible |
setVisible(visible) Parámetros:
Valor que se muestra: Ninguno
Oculta este círculo si se le asigna el valor false . |
Heredada:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Events | |
---|---|
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 de DOM en el círculo. |
drag |
function(event) Argumentos:
Este evento se activa repetidamente 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 de mousedown del DOM en el círculo. |
mousemove |
function(event) Argumentos:
Este evento se activa cuando el evento DOM mousemove se activa en el círculo. |
mouseout |
function(event) Argumentos:
Este evento se activa cuando el mouseout tiene un círculo. |
mouseover |
function(event) Argumentos:
Este evento se activa cuando se desplaza el mouse sobre un elemento. |
mouseup |
function(event) Argumentos:
Este evento se activa cuando se activa el evento de mouseup de 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. |
CircleOptions
Interfaz de google.maps.CircleOptions
CircleOptions que se usa para definir las propiedades que se pueden establecer en un Círculo.
Propiedades | |
---|---|
center optional |
Tipo:
LatLng|LatLngLiteral optional El centro del círculo. |
clickable optional |
Tipo:
boolean optional Configuración predeterminada:
true Indica si este Circle controla eventos del mouse. |
draggable optional |
Tipo:
boolean optional Configuración predeterminada:
false Si se configura como true , el usuario puede arrastrar este círculo sobre el mapa. |
editable optional |
Tipo:
boolean optional Configuración predeterminada:
false 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. |
fillColor optional |
Tipo:
string optional color de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
fillOpacity optional |
Tipo:
number optional opacidad de relleno entre 0,0 y 1,0. |
map optional |
Tipo:
Map optional Mapa en el que se muestra el círculo |
radius optional |
Tipo:
number optional Radio de metros sobre la superficie de la Tierra. |
strokeColor optional |
Tipo:
string optional color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos. |
strokeOpacity optional |
Tipo:
number optional opacidad de trazo entre 0,0 y 1,0. |
strokePosition optional |
Tipo:
StrokePosition optional Configuración predeterminada:
StrokePosition.CENTER La posición del trazo. |
strokeWeight optional |
Tipo:
number optional ancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optional Configuración predeterminada:
true Indica si este círculo es visible en el mapa. |
zIndex optional |
Tipo:
number optional zIndex comparado con otros polígonos. |
Constantes de StrokePosition
google.maps.StrokePosition
constantes
Las posibles posiciones del trazo en un polígono
Para acceder, llama a const {StrokePosition} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas en la API de Maps JavaScript.
Constantes | |
---|---|
CENTER |
El trazo se centra en el trazado del polígono, con la mitad del trazo dentro del polígono y la mitad fuera de este. |
INSIDE |
El trazo se encuentra dentro del polígono. |
OUTSIDE |
El trazo se encuentra fuera del polígono. |