Polygons

Clase Polyline

class google.maps.Polyline extends MVCObject
library "maps"

Una polilínea es una superposición lineal de segmentos de líneas conectados en el mapa.

const {Polyline} = await google.maps.importLibrary("maps");
Polyline
Polyline([opts])
Parámetros:
Crea una polilínea con el objeto PolylineOptions que se pasa, 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 LatLng cuando construyas una polilínea, aunque los arrays simples se convierten en MVCArray dentro de la polilínea cuando se crea una instancia.
getDraggable
getDraggable()
Parámetros: Ninguno
Valor de retorno: boolean
Indica si el usuario puede arrastrar esta forma.
getEditable
getEditable()
Parámetros: Ninguno
Valor de retorno: boolean
Indica si el usuario puede editar esta forma.
getMap
getMap()
Parámetros: Ninguno
Valor de retorno: Map|null
Devuelve el mapa al que se adjunta esta forma.
getPath
getPath()
Parámetros: Ninguno
Valor de retorno: MVCArray<LatLng>
Recupera la ruta de acceso.
getVisible
getVisible()
Parámetros: Ninguno
Valor de retorno: boolean
Muestra si este polígono es visible en el mapa.
setDraggable
setDraggable(draggable)
Parámetros:
  • draggable: boolean
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:
  • editable: boolean
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:
  • map: Map optional
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 información.
setVisible
setVisible(visible)
Parámetros:
  • visible: boolean
Valor de retorno: Ninguno
Oculta este polígono si se establece en false.
Heredados: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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 Poyline.
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 manera 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 la polilínea.
mouseover
function(event)
Argumentos:
Este evento se activa cuando se pasa el mouse sobre la polilínea.
mouseup
function(event)
Argumentos:
Este evento se activa cuando se activa el evento mouseup del DOM en la polilínea.
rightclick
function(event)
Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en la polilínea.

Interfaz PolylineOptions

interfaz google.maps.PolylineOptions

Es el objeto PolylineOptions que se usa para definir las propiedades que se pueden establecer en una polilínea.

clickable
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Indica si este Polyline controla los eventos del mouse.
draggable
opcional
Tipo: boolean optional
La configuración predeterminada es false.
Si se establece en true, el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre.
editable
opcional
Tipo: boolean optional
La configuración predeterminada es 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
opcional
Tipo: boolean optional
La configuración predeterminada es false.
Cuando 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
opcional
Tipo: Array<IconSequence> optional
Son los íconos que se renderizarán a lo largo de la polilínea.
map
opcional
Tipo: Map optional
Es el mapa en el que se mostrará la polilínea.
path
opcional
Es la secuencia ordenada de coordenadas de la polilínea. Esta ruta de acceso 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. Si insertas o quitas LatLngs en el MVCArray, se actualizará automáticamente la polilínea en el mapa.
strokeColor
opcional
Tipo: string optional
color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
strokeOpacity
opcional
Tipo: number optional
opacidad de trazo entre 0,0 y 1,0.
strokeWeight
opcional
Tipo: number optional
ancho de trazo en píxeles.
visible
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Indica si esta polilínea es visible en el mapa.
zIndex
opcional
Tipo: number optional
Es el zIndex en comparación con otros polígonos.

Interfaz IconSequence

interfaz google.maps.IconSequence

Describe cómo se renderizarán 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 el desplazamiento o la repetición en un valor de píxel, las distancias se calcularán en píxeles en la pantalla.

fixedRotation
opcional
Tipo: boolean optional
La configuración predeterminada es false.
Si 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
opcional
Tipo: Symbol optional
Es el ícono que se renderizará en la línea.
offset
opcional
Tipo: string optional
La configuración predeterminada es '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., "50 px").
repeat
opcional
Tipo: string optional
La configuración predeterminada es 0.
Es 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., "50 px"). Para inhabilitar la repetición del ícono, establece el valor "0".

Clase Polygon

class google.maps.Polygon extends MVCObject
library "maps"

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 los ejemplos de la guía para desarrolladores, que comienzan 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 sencilla de crear agujeros, ya que controla el orden de los trazados internos y externos.

const {Polygon} = await google.maps.importLibrary("maps");
Polygon
Polygon([opts])
Parámetros:
Crea un polígono con el objeto PolygonOptions que se pasa, 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 trazado consta de un array de LatLng. Puedes pasar un array de LatLngs o un MVCArray de LatLng cuando construyas estas rutas. Los arrays se convierten en MVCArray dentro del polígono cuando se crea una instancia.
getDraggable
getDraggable()
Parámetros: Ninguno
Valor de retorno: boolean
Indica si el usuario puede arrastrar esta forma.
getEditable
getEditable()
Parámetros: Ninguno
Valor de retorno: boolean
Indica si el usuario puede editar esta forma.
getMap
getMap()
Parámetros: Ninguno
Valor de retorno: Map|null
Devuelve el mapa al que se adjunta esta forma.
getPath
getPath()
Parámetros: Ninguno
Valor de retorno: MVCArray<LatLng>
Recupera la primera ruta de acceso.
getPaths
getPaths()
Parámetros: Ninguno
Valor de retorno: MVCArray<MVCArray<LatLng>>
Recupera las rutas de acceso de este polígono.
getVisible
getVisible()
Parámetros: Ninguno
Valor de retorno: boolean
Muestra si este polígono es visible en el mapa.
setDraggable
setDraggable(draggable)
Parámetros:
  • draggable: boolean
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:
  • editable: boolean
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:
  • map: Map optional
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 de acceso. Consulta PolygonOptions para obtener más información.
setPaths
setPaths(paths)
Valor de retorno: Ninguno
Establece la ruta de acceso para este polígono.
setVisible
setVisible(visible)
Parámetros:
  • visible: boolean
Valor de retorno: Ninguno
Oculta este polígono si se establece en false.
Heredados: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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 se quita el mouse de un polígono.
mouseover
function(event)
Argumentos:
Este evento se activa cuando se pasa el mouse sobre el polígono.
mouseup
function(event)
Argumentos:
Este evento se activa cuando se activa el evento mouseup del DOM en el polígono.
rightclick
function(event)
Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en el polígono.

Interfaz PolygonOptions

interfaz google.maps.PolygonOptions

Es el objeto PolygonOptions que se usa para definir las propiedades que se pueden establecer en un Polygon.

clickable
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Indica si este Polygon controla los eventos del mouse.
draggable
opcional
Tipo: boolean optional
La configuración predeterminada es false.
Si se establece en true, el usuario puede arrastrar esta forma sobre el mapa. La propiedad geodesic define el modo de arrastre.
editable
opcional
Tipo: boolean optional
La configuración predeterminada es 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
opcional
Tipo: string optional
color de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
fillOpacity
opcional
Tipo: number optional
La opacidad de relleno, que se extiende del 0.0 al 1.0
geodesic
opcional
Tipo: boolean optional
La configuración predeterminada es false.
Cuando 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
opcional
Tipo: Map optional
Es el mapa en el que se mostrará el polígono.
paths
opcional
Es 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 de acceso. 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 vértice. Los polígonos simples se pueden definir con un solo array de objetos LatLng. Los polígonos más complejos pueden especificar un array de arrays. Los arrays simples se convierten en MVCArray. Si insertas o quitas LatLng de la MVCArray, el polígono se actualizará automáticamente en el mapa.
strokeColor
opcional
Tipo: string optional
color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
strokeOpacity
opcional
Tipo: number optional
La opacidad del trazo, entre 0.0 y 1.0
strokePosition
opcional
Tipo: StrokePosition optional
La configuración predeterminada es StrokePosition.CENTER.
La posición del trazo.
strokeWeight
opcional
Tipo: number optional
ancho de trazo en píxeles.
visible
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Indica si este polígono es visible en el mapa.
zIndex
opcional
Tipo: number optional
Es el zIndex en comparación con otros polígonos.

Interfaz PolyMouseEvent

interface google.maps.PolyMouseEvent extends MapMouseEvent

Este objeto se devuelve a partir de eventos de mouse en polilíneas y polígonos.

edge
opcional
Tipo: number optional
Es el índice del borde dentro de la ruta debajo del cursor cuando se produjo el evento, si este se produjo en un punto medio de un polígono editable.
path
opcional
Tipo: number optional
Es el índice de la ruta debajo del cursor cuando se produjo el evento, si este ocurrió en un vértice y el polígono es editable. De lo contrario, undefined.
vertex
opcional
Tipo: number optional
Es el índice del vértice debajo del cursor cuando se produjo el evento, si este 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.
Heredado: domEvent, latLng
Heredado: stop

Clase Rectangle

class google.maps.Rectangle extends MVCObject
library "maps"

Una superposición de rectángulo

const {Rectangle} = await google.maps.importLibrary("maps");
Rectangle
Rectangle([opts])
Parámetros:
Crea un rectángulo con el RectangleOptions que se pasa, que especifica los límites y el estilo.
getBounds
getBounds()
Parámetros: Ninguno
Valor de retorno: LatLngBounds|null
Devuelve los límites de este rectángulo.
getDraggable
getDraggable()
Parámetros: Ninguno
Valor de retorno: boolean
Indica si el usuario puede arrastrar este rectángulo.
getEditable
getEditable()
Parámetros: Ninguno
Valor de retorno: boolean
Indica si el usuario puede editar este rectángulo.
getMap
getMap()
Parámetros: Ninguno
Valor de retorno: Map|null
Devuelve el mapa en el que se muestra este rectángulo.
getVisible
getVisible()
Parámetros: Ninguno
Valor de retorno: boolean
Devuelve 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:
  • draggable: boolean
Valor de retorno: Ninguno
Si se establece en true, el usuario puede arrastrar este rectángulo sobre el mapa.
setEditable
setEditable(editable)
Parámetros:
  • editable: boolean
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:
  • map: Map optional
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:
  • visible: boolean
Valor de retorno: Ninguno
Oculta este rectángulo si se establece en false.
Heredados: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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 del rectángulo.
mouseover
function(event)
Argumentos:
Este evento se activa cuando se pasa el mouse sobre el rectángulo.
mouseup
function(event)
Argumentos:
Este evento se activa cuando se activa el evento mouseup del DOM en el rectángulo.
rightclick
function(event)
Argumentos:
Este evento se activa cuando se hace clic con el botón derecho en el rectángulo.

Interfaz RectangleOptions

interfaz google.maps.RectangleOptions

Es el objeto RectangleOptions que se usa para definir las propiedades que se pueden establecer en un Rectangle.

bounds
opcional
Los límites.
clickable
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Indica si este Rectangle controla los eventos del mouse.
draggable
opcional
Tipo: boolean optional
La configuración predeterminada es false.
Si se establece en true, el usuario puede arrastrar este rectángulo sobre el mapa.
editable
opcional
Tipo: boolean optional
La configuración predeterminada es false.
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.
fillColor
opcional
Tipo: string optional
color de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
fillOpacity
opcional
Tipo: number optional
La opacidad de relleno, que se extiende del 0.0 al 1.0
map
opcional
Tipo: Map optional
Es el mapa en el que se mostrará el rectángulo.
strokeColor
opcional
Tipo: string optional
color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
strokeOpacity
opcional
Tipo: number optional
La opacidad del trazo, entre 0.0 y 1.0
strokePosition
opcional
Tipo: StrokePosition optional
La configuración predeterminada es StrokePosition.CENTER.
La posición del trazo.
strokeWeight
opcional
Tipo: number optional
ancho de trazo en píxeles.
visible
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Indica si este rectángulo es visible en el mapa.
zIndex
opcional
Tipo: number optional
Es el zIndex en comparación con otros polígonos.

Clase Circle

class google.maps.Circle extends MVCObject
library "maps"

Es un círculo en la superficie de la Tierra, también conocido como "casquete esférico".

const {Circle} = await google.maps.importLibrary("maps");
Circle
Circle([circleOrCircleOptions])
Parámetros:
Crea un círculo con el objeto CircleOptions que se pasa, que especifica el centro, el radio y el estilo.
getBounds
getBounds()
Parámetros: Ninguno
Valor de retorno: LatLngBounds|null
Obtiene el LatLngBounds de este círculo.
getCenter
getCenter()
Parámetros: Ninguno
Valor de retorno: LatLng|null
Devuelve el centro de este círculo.
getDraggable
getDraggable()
Parámetros: Ninguno
Valor de retorno: boolean
Indica si el usuario puede arrastrar este círculo.
getEditable
getEditable()
Parámetros: Ninguno
Valor de retorno: boolean
Indica si el usuario puede editar este círculo.
getMap
getMap()
Parámetros: Ninguno
Valor de retorno: Map|null
Devuelve el mapa en el que se muestra este círculo.
getRadius
getRadius()
Parámetros: Ninguno
Valor de retorno: number
Muestra el radio de este círculo (en metros).
getVisible
getVisible()
Parámetros: Ninguno
Valor de retorno: boolean
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:
  • draggable: boolean
Valor de retorno: Ninguno
Si se establece en true, el usuario puede arrastrar este círculo por el mapa.
setEditable
setEditable(editable)
Parámetros:
  • editable: boolean
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:
  • map: Map optional
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:
  • radius: number
Valor de retorno: Ninguno
Establece el radio de este círculo (en metros).
setVisible
setVisible(visible)
Parámetros:
  • visible: boolean
Valor de retorno: Ninguno
Oculta este círculo si se establece en false.
Heredados: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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 manera 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 se pasa el mouse 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 google.maps.CircleOptions
extendida por CircleLiteral

Es el objeto CircleOptions que se usa para definir las propiedades que se pueden establecer en un Circle.

center
opcional
Tipo: LatLng|LatLngLiteral optional
Es el centro del círculo.
clickable
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Indica si este Circle controla los eventos del mouse.
draggable
opcional
Tipo: boolean optional
La configuración predeterminada es false.
Si se establece en true, el usuario puede arrastrar este círculo por el mapa.
editable
opcional
Tipo: boolean optional
La configuración predeterminada es 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
opcional
Tipo: string optional
color de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
fillOpacity
opcional
Tipo: number optional
Es la opacidad de relleno, que se extiende del 0.0 al 1.0.
map
opcional
Tipo: Map optional
Es el mapa en el que se mostrará el círculo.
radius
opcional
Tipo: number optional
Es el radio en metros en la superficie de la Tierra.
strokeColor
opcional
Tipo: string optional
color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
strokeOpacity
opcional
Tipo: number optional
opacidad de trazo entre 0,0 y 1,0.
strokePosition
opcional
Tipo: StrokePosition optional
La configuración predeterminada es StrokePosition.CENTER.
La posición del trazo.
strokeWeight
opcional
Tipo: number optional
ancho de trazo en píxeles.
visible
opcional
Tipo: boolean optional
La configuración predeterminada es true.
Indica si este círculo es visible en el mapa.
zIndex
opcional
Tipo: number optional
Es el zIndex en comparación con otros polígonos.

Constantes de StrokePosition

constantes google.maps.StrokePosition
biblioteca "maps"

Son las posibles posiciones del trazo en un polígono.

const {StrokePosition} = await google.maps.importLibrary("maps");
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.