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
.
Cuando se usa v=beta
, se puede acceder a él llamando a const {Polyline} = await google.map.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 utilizará al dibujar la polilínea Puedes pasar un array de LatLng o MVCArray de LatLng cuando construyas una polilínea, aunque los arreglos simples se convierten en MVCArray dentro de la polilínea cuando se crean instancias. |
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 está visible en el mapa. |
setDraggable |
setDraggable(draggable) Parámetros:
Valor que se muestra: Ninguno
Si se establece 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 configura como false . |
Heredada:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventos | |
---|---|
click |
function(event) Argumentos:
Este evento se activa cuando el evento de clic del DOM se activa en la polilínea. |
contextmenu |
function(event) Argumentos:
Este evento se activa cuando el evento del menú contextual DOM se activa en Poyline. |
dblclick |
function(event) Argumentos:
Este evento se activa cuando el evento dblclick de DOM se activa en la polilínea. |
drag |
function(event) Argumentos:
Este evento se activa varias veces 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 el evento DOM mousedown se activa 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 en un mouseout de Polyline. |
mouseover |
function(event) Argumentos:
Este evento se activa cuando el mouse se desplaza sobre la polilínea. |
mouseup |
function(event) Argumentos:
Este evento se activa cuando el evento de mouse DOM del DOM se activa en la polilínea. |
|
function(event) Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en la polilínea. |
PolylineOptions.
Interfaz de google.maps.PolylineOptions
La clase PolylineOptions se usa para definir las propiedades que se pueden establecer en una polilínea.
Propiedades | |
---|---|
clickable optional |
Tipo:
boolean optional Predeterminado:
true Indica si este Polyline controla los eventos del mouse. |
draggable optional |
Tipo:
boolean optional Predeterminado:
false Si se establece como true , el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
editable optional |
Tipo:
boolean optional Predeterminado:
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 Predeterminado:
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 representan como líneas rectas en el espacio de pantalla. Ten en cuenta que la forma de un polígono geodésico puede parecer que cambia cuando se lo arrastra, ya que las dimensiones se mantienen relativas a la superficie de la Tierra. |
icons optional |
Tipo:
Array<IconSequence> optional Los íconos que se representarán a lo largo de la polilínea. |
map optional |
Tipo:
Map optional Mapa en el que se muestra la polilínea |
path optional |
Tipo:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional La secuencia ordenada de las coordenadas de la polilínea Esta ruta se puede especificar mediante 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 Predeterminado:
true Si esta polilínea es visible en el mapa |
zIndex optional |
Tipo:
number optional El índice Z en comparación con otros polígonos. |
IconSequence
Interfaz de google.maps.IconSequence
Describe cómo se deben representar 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 en metros de forma predeterminada. Si se establece el desplazamiento o la repetición en un valor de píxel, se calcularán las distancias en píxeles en la pantalla.
Propiedades | |
---|---|
fixedRotation optional |
Tipo:
boolean optional Predeterminado:
false Si es true , cada ícono de la secuencia tiene la misma rotación fija, independientemente del ángulo en el que se encuentra. Si es false , se rota cada ícono de la secuencia para alinearlo con su borde. |
icon optional |
Tipo:
Symbol optional El ícono que se renderizará en la línea. |
offset optional |
Tipo:
string optional Predeterminado:
'100%' 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 Predeterminado:
0 Distancia entre los íconos consecutivos de la línea. Esta distancia se puede expresar 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”. |
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 rellena. Consulta las muestras de la guía para desarrolladores, que incluyen un polígono simple, un polígono con un agujero y mucho más. Ten en cuenta que también puedes utilizar la capa de datos para crear un polígono. La capa de datos ofrece una forma más simple de crear orificios, ya que controla el orden de las rutas internas y externas.
Esta clase extiende MVCObject
.
Cuando se usa v=beta
, se puede acceder a él llamando a const {Polygon} = await google.map.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 de acceso 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 ruta consiste en un array de LatLng . Puedes pasar un array de LatLngs o un MVCArray de LatLng s cuando construyas estas rutas de acceso. Los arrays se convierten en objetos MVCArray dentro del polígono cuando se crean instancias de ellos. |
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 acceso de este polígono. |
getVisible |
getVisible() Parámetros: ninguno
Valor que se muestra:
boolean Muestra si este polígono está visible en el mapa. |
setDraggable |
setDraggable(draggable) Parámetros:
Valor que se muestra: Ninguno
Si se establece 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 configura como false . |
Heredada:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventos | |
---|---|
click |
function(event) Argumentos:
Este evento se activa cuando el evento de clic del DOM se activa en el polígono. |
contextmenu |
function(event) Argumentos:
Este evento se activa cuando el evento del menú contextual DOM se activa en el objeto Polygon. |
dblclick |
function(event) Argumentos:
Este evento se activa cuando el evento de dblclick del DOM se activa en el polígono. |
drag |
function(event) Argumentos:
Este evento se activa de forma 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 el evento de mouse DOM del DOM se activa en el objeto Polygon. |
mousemove |
function(event) Argumentos:
Este evento se activa cuando el evento DOM mousemove se activa en Polygon. |
mouseout |
function(event) Argumentos:
Este evento se activa en el polígono de exclusión del polígono. |
mouseover |
function(event) Argumentos:
Este evento se activa cuando el mouse se desplaza sobre el polígono. |
mouseup |
function(event) Argumentos:
Este evento se activa cuando el evento de mouse DOM del DOM se activa 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 utiliza para definir las propiedades que se pueden establecer en un objeto Polygon.
Propiedades | |
---|---|
clickable optional |
Tipo:
boolean optional Predeterminado:
true Indica si este Polygon controla los eventos del mouse. |
draggable optional |
Tipo:
boolean optional Predeterminado:
false Si se establece como true , el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre. |
editable optional |
Tipo:
boolean optional Predeterminado:
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 Predeterminado:
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 representan como líneas rectas en el espacio de pantalla. Ten en cuenta que la forma de un polígono geodésico puede parecer que cambia cuando se lo arrastra, ya que las dimensiones se mantienen relativas a la superficie de la Tierra. |
map optional |
Tipo:
Map optional Mapa en el que se muestra la página Polígono. |
paths optional |
Tipo:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional La secuencia ordenada de las coordenadas que designa un bucle cerrado. A diferencia de las polilíneas, un polígono puede consistir en uno o más trazados. Como resultado, la propiedad de rutas de acceso puede especificar uno o más arreglos de coordenadas LatLng . Las rutas se cierran automáticamente. No repita el primer vértice de la ruta como el último vértice. Los polígonos simples se pueden definir con un único array de LatLng . Los polígonos más complejos pueden especificar una matriz de matrices. Cualquier arreglo simple se convierte en MVCArray . Si insertas o quitas LatLng de MVCArray , el polígono se actualizará automáticamente 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 Predeterminado:
StrokePosition.CENTER Posición del trazo. |
strokeWeight optional |
Tipo:
number optional ancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optional Predeterminado:
true Si este polígono es visible en el mapa. |
zIndex optional |
Tipo:
number optional El índice Z en comparación con otros polígonos. |
PolyMouseEvent.
Interfaz de google.maps.PolyMouseEvent
Este objeto se muestra a partir de eventos de 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 se produjo el evento, si el evento ocurrió en un punto medio de un polígono editable |
path optional |
Tipo:
number optional El índice de la ruta debajo del cursor cuando se produjo 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 El índice del vértice debajo del cursor cuando se produjo el evento, si ocurrió en un vértice y la polilínea o el polígono se pueden editar. Si el evento no se produce 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
.
Cuando se usa v=beta
, se puede acceder a él llamando a const {Rectangle} = await google.map.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
|
Eventos | |
---|---|
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 el evento de clic del DOM se activa en el rectángulo. |
contextmenu |
function(event) Argumentos:
Este evento se activa cuando el evento del menú contextual DOM se activa en el rectángulo. |
dblclick |
function(event) Argumentos:
Este evento se activa cuando el evento de dblclick del DOM se activa en el rectángulo. |
drag |
function(event) Argumentos:
Este evento se activa de forma 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 el evento DOM downdown se activa en el rectángulo. |
mousemove |
function(event) Argumentos:
Este evento se activa cuando el evento DOM mousemove se activa 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 el mouse se desplaza sobre un rectángulo. |
mouseup |
function(event) Argumentos:
Este evento se activa cuando el evento de mouse DOM del DOM se activa 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 Predeterminado:
true Indica si este Rectangle controla los eventos del mouse. |
draggable optional |
Tipo:
boolean optional Predeterminado:
false Si se establece como true , el usuario puede arrastrar este rectángulo sobre el mapa. |
editable optional |
Tipo:
boolean optional Predeterminado:
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 muestra 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 Predeterminado:
StrokePosition.CENTER Posición del trazo. |
strokeWeight optional |
Tipo:
number optional ancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optional Predeterminado:
true Indica si este rectángulo es visible en el mapa. |
zIndex optional |
Tipo:
number optional El índice Z en comparación con otros polígonos. |
Circle
Clase google.maps.Circle
Un círculo en la superficie de la Tierra, también conocido como "capó esférico".
Esta clase extiende MVCObject
.
Cuando se usa v=beta
, se puede acceder a él llamando a const {Circle} = await google.map.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 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 es 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 establece 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 como true , el usuario podrá 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 , el círculo se eliminará. |
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 establece en false . |
Heredada:
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 el evento de clic del DOM se activa en el círculo. |
dblclick |
function(event) Argumentos:
Este evento se activa cuando el evento dblclick del DOM se activa en el círculo. |
drag |
function(event) Argumentos:
Este evento se activa de forma reiterada 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 el evento DOM downdown se activa 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 se cierra el mouse en un círculo. |
mouseover |
function(event) Argumentos:
Este evento se activa cuando se desplaza el mouse sobre un círculo. |
mouseup |
function(event) Argumentos:
Este evento se activa cuando el evento de activación del mouse del DOM se activa en el círculo. |
radius_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia el radio del círculo. |
rightclick |
function(event) Argumentos:
Este evento se activa cuando haces clic con el botón derecho en el círculo. |
CircleOptions
Interfaz de google.maps.CircleOptions
CircleOptions utilizado 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 Predeterminado:
true Indica si este Circle controla los eventos del mouse. |
draggable optional |
Tipo:
boolean optional Predeterminado:
false Si se establece como true , el usuario puede arrastrar este círculo sobre el mapa. |
editable optional |
Tipo:
boolean optional Predeterminado:
false Si se establece como true , el usuario podrá 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 La 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 en 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 Predeterminado:
StrokePosition.CENTER Posición del trazo. |
strokeWeight optional |
Tipo:
number optional ancho de trazo en píxeles. |
visible optional |
Tipo:
boolean optional Predeterminado:
true Si este círculo es visible en el mapa |
zIndex optional |
Tipo:
number optional El índice Z en comparación con otros polígonos. |
StrokePosition
google.maps.StrokePosition
constantes
Las posibles posiciones del trazo en un polígono
Cuando se usa v=beta
, se puede acceder a él llamando a const {StrokePosition} = await google.map.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 del trazo fuera del polígono. |
INSIDE |
El trazo está dentro del polígono. |
OUTSIDE |
El trazo está fuera del polígono. |