Polygons

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:  opts:  PolylineOptions optional 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 Valor que se muestra:  MVCArray<LatLng> 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:  draggable:  boolean 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:  editable:  boolean 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:  map:  Map optional 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:  options:  PolylineOptions optional Valor que se muestra: Ninguno
setPath	setPath(path) Parámetros:  path:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> Valor que se muestra: Ninguno Establece la ruta. Consulta PolylineOptions para obtener más detalles.
setVisible	setVisible(visible) Parámetros:  visible:  boolean Valor que se muestra: Ninguno Oculta este polígono si se establece en false.
Heredada: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Eventos
click	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento de clic del DOM en la polilínea.
contextmenu	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento de menú contextual del DOM en Poyline.
dblclick	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento dblclick de DOM en la polilínea.
drag	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa repetidamente mientras el usuario arrastra la polilínea.
dragend	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el usuario deja de arrastrar la polilínea.
dragstart	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el usuario comienza a arrastrar la polilínea.
mousedown	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento de mousedown del DOM en la polilínea.
mousemove	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando el evento DOM mousemove se activa en la polilínea.
mouseout	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando el mouseout de Polyline.
mouseover	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se desplaza el mouse sobre una polilínea.
mouseup	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento de mouseup del DOM en la polilínea.
rightclick	Obsoleto: Usa el evento Polyline.contextmenu para admitir patrones de uso, como hacer clic de control en macOS. function(event) Argumentos:  event:  PolyMouseEvent 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:  opts:  PolygonOptions optional 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 Valor que se muestra:  MVCArray<LatLng> Recupera la primera ruta.
getPaths	getPaths() Parámetros: Ninguno Valor que se muestra:  MVCArray<MVCArray<LatLng>> 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:  draggable:  boolean 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:  editable:  boolean 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:  map:  Map optional 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:  options:  PolygonOptions optional Valor que se muestra: Ninguno
setPath	setPath(path) Parámetros:  path:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> Valor que se muestra: Ninguno Establece la primera ruta. Consulta PolygonOptions para obtener más detalles.
setPaths	setPaths(paths) Parámetros:  paths:  MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> Valor que se muestra: Ninguno Establece la ruta para este polígono.
setVisible	setVisible(visible) Parámetros:  visible:  boolean Valor que se muestra: Ninguno Oculta este polígono si se establece en false.
Heredada: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Eventos
click	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento de clic del DOM en el polígono.
contextmenu	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando el evento del menú contextual DOM se activa en el polígono.
dblclick	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento dblclick de DOM en el polígono.
drag	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa repetidamente mientras el usuario arrastra el polígono.
dragend	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el usuario deja de arrastrar el polígono.
dragstart	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el usuario comienza a arrastrar el polígono.
mousedown	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento de mousedown del DOM en el polígono.
mousemove	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando el evento DOM mousemove se activa en el polígono.
mouseout	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando el mouseout del polígono.
mouseover	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa al desplazar el mouse sobre el polígono.
mouseup	function(event) Argumentos:  event:  PolyMouseEvent Este evento se activa cuando se activa el evento de mouseup del DOM en el polígono.
rightclick	Obsoleto: Usa el evento Polygon.contextmenu para admitir patrones de uso, como hacer clic de control en macOS. function(event) Argumentos:  event:  PolyMouseEvent 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<LatLng>|MVCArray<MVCArray<LatLng>>|Array<LatLng|LatLngLiteral>|Array<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:  opts:  RectangleOptions optional 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:  bounds:  LatLngBounds|LatLngBoundsLiteral optional Valor que se muestra: Ninguno Establece los límites de este rectángulo.
setDraggable	setDraggable(draggable) Parámetros:  draggable:  boolean 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:  editable:  boolean 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:  map:  Map optional 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:  options:  RectangleOptions optional Valor que se muestra: Ninguno
setVisible	setVisible(visible) Parámetros:  visible:  boolean 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:  event:  MapMouseEvent Este evento se activa cuando se activa el evento de clic del DOM en el rectángulo.
contextmenu	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el evento del menú contextual del DOM se activa en el rectángulo.
dblclick	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se activa el evento dblclick de DOM en el rectángulo.
drag	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa repetidamente mientras el usuario arrastra el rectángulo.
dragend	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el usuario deja de arrastrar el rectángulo.
dragstart	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el usuario comienza a arrastrar el rectángulo.
mousedown	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se activa el evento de DOM DOM down en el rectángulo.
mousemove	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se activa el evento DOM mousemove en el rectángulo.
mouseout	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa en un mouseout rectangular.
mouseover	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se coloca el mouse sobre un rectángulo.
mouseup	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se activa el evento de mouseup del DOM en el rectángulo.
rightclick	Obsoleto: Usa el evento Rectangle.contextmenu para admitir patrones de uso, como hacer clic de control en macOS. function(event) Argumentos:  event:  MapMouseEvent 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:  circleOrCircleOptions:  Circle|CircleLiteral|CircleOptions optional 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:  center:  LatLng|LatLngLiteral optional Valor que se muestra: Ninguno Establece el centro de este círculo.
setDraggable	setDraggable(draggable) Parámetros:  draggable:  boolean 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:  editable:  boolean 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:  map:  Map optional 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:  options:  CircleOptions optional Valor que se muestra: Ninguno
setRadius	setRadius(radius) Parámetros:  radius:  number Valor que se muestra: Ninguno Establece el radio de este círculo (en metros).
setVisible	setVisible(visible) Parámetros:  visible:  boolean 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

Eventos
center_changed	function() Argumentos: Ninguno Este evento se activa cuando se cambia el centro del círculo.
click	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se activa el evento de clic del DOM en el círculo.
dblclick	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se activa el evento dblclick de DOM en el círculo.
drag	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa repetidamente mientras el usuario arrastra el círculo.
dragend	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el usuario deja de arrastrar el círculo.
dragstart	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el usuario comienza a arrastrar el círculo.
mousedown	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se activa el evento de mousedown del DOM en el círculo.
mousemove	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el evento DOM mousemove se activa en el círculo.
mouseout	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando el mouseout tiene un círculo.
mouseover	function(event) Argumentos:  event:  MapMouseEvent Este evento se activa cuando se desplaza el mouse sobre un elemento.
mouseup	function(event) Argumentos:  event:  MapMouseEvent 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:  event:  MapMouseEvent 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.