Pronto habrá nuevas opciones para el diseño de mapas disponibles en Google Maps Platform. Esta actualización del diseño de mapas incluye una nueva paleta de colores predeterminada, así como mejoras en la experiencia y la usabilidad del mapa. Todos los diseños de mapa se actualizarán automáticamente en marzo de 2025. Para obtener más información sobre la disponibilidad y cómo habilitar esta actualización antes, consulta Nuevo diseño de mapa para Google Maps Platform.

Se usó la API de Cloud Translation para traducir esta página.

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 el artículo Bibliotecas de la API de Maps JavaScript.

Constructor
`Polyline`	`Polyline([opts])` Parámetros: `opts`: `PolylineOptions optional` Crea una polilínea con el `PolylineOptions` pasado, que especifica el trazado de la polilínea y el estilo de trazo que se usará para dibujar la polilínea. Puedes pasar un array de `LatLng` o un `MVCArray` de `LatLng` cuando construyes una polilínea, aunque los arrays simples se convierten en `MVCArray` dentro de la polilínea cuando se crea una instancia.

Constructor

Polyline

Polyline([opts])

Parámetros:

opts: PolylineOptions optional

Crea una polilínea con el PolylineOptions pasado, que especifica el trazado de la polilínea y el estilo de trazo que se usará para dibujar la polilínea. Puedes pasar un array de LatLng o un MVCArray de LatLng cuando construyes una polilínea, aunque los arrays simples se convierten en MVCArray dentro de la polilínea cuando se crea una instancia.

Métodos
`getDraggable`	`getDraggable()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si el usuario puede arrastrar esta forma.
`getEditable`	`getEditable()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si el usuario puede editar esta forma.
`getMap`	`getMap()` Parámetros: Ninguno Valor que se devuelve: `Map\|null` Muestra el mapa en el que se adjunta esta forma.
`getPath`	`getPath()` Parámetros: Ninguno Valor que se devuelve: `MVCArray<LatLng>` Recupera la ruta de acceso.
`getVisible`	`getVisible()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si este polígono es visible en el mapa.
`setDraggable`	`setDraggable(draggable)` Parámetros: `draggable`: `boolean` Valor que se devuelve: 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 que se devuelve: 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 devuelve: 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 devuelve: Ninguno
`setPath`	`setPath(path)` Parámetros: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` Valor que se devuelve: Ninguno Establece la ruta. Para obtener más información, consulta `PolylineOptions`.
`setVisible`	`setVisible(visible)` Parámetros: `visible`: `boolean` Valor que se devuelve: Ninguno Se oculta este polígono si se establece en `false`.
Heredado: `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 del 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 mousedown del DOM en la polilínea.
`mousemove`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se activa el evento del mousemove del DOM en la polilínea.
`mouseout`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se quita el mouse de un polilínea.
`mouseover`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se desplaza el mouse sobre un elemento Polyline.
`mouseup`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se activa el evento del mouseup del DOM en la polilínea.
`rightclick`	Obsoleto: Usa el evento `Polyline.contextmenu` para admitir patrones de uso, como Ctrl + clic en macOS. `function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se hace clic con el botón derecho en la polilínea.

PolylineOptions

Interfaz de google.maps.PolylineOptions

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

Propiedades
`clickable optional`	Tipo: `boolean optional` Valor predeterminado: `true` Indica si este `Polyline` controla eventos del mouse.
`draggable optional`	Tipo: `boolean optional` Valor predeterminado: `false` Si se establece en `true`, el usuario puede arrastrar esta forma sobre el mapa. La propiedad `geodesic` define el modo de arrastre.
`editable optional`	Tipo: `boolean optional` Valor 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` Valor predeterminado: `false` Cuando es `true`, los bordes del polígono se interpretan como geodésicos y seguirán la curvatura de la Tierra. Si 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 parecer cambiar al arrastrarlo, ya que las dimensiones se mantienen en relación con la superficie de la Tierra.
`icons optional`	Tipo: `Array<IconSequence> optional` Los íconos que se renderizará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` 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`. Cuando insertas o quitas LatLngs en `MVCArray`, se actualiza 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` Valor predeterminado: `true` Indica si esta polilínea es visible en el mapa.
`zIndex optional`	Tipo: `number optional` El zIndex comparado con otros polígonos.

IconSequence

Interfaz de google.maps.IconSequence

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

Propiedades
`fixedRotation optional`	Tipo: `boolean optional` Valor predeterminado: `false` Si es `true`, cada ícono de la secuencia tiene la misma rotación fija, independientemente del ángulo del borde sobre el que se encuentre. Si es `false`, usa cada letra de ícono en la secuencia para que se alinee con su borde.
`icon optional`	Tipo: `Symbol optional` El ícono que se renderizará en la línea.
`offset optional`	Tipo: `string optional` Valor predeterminado: `'100%'` 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 (por ejemplo, "50%") o en píxeles (por ejemplo, "50 px").
`repeat optional`	Tipo: `string optional` Valor predeterminado: `0` La distancia entre íconos consecutivos de la línea. Esta distancia puede expresarse como un porcentaje de la longitud de la línea (por ejemplo, "50%") o en píxeles (por ejemplo, "50 px"). Para inhabilitar la repetición del icono, especifica el valor "0".

Clase Polygon

Clase google.maps.Polygon

Un polígono (como una polilínea) define una serie de coordenadas conectadas en una secuencia ordenada. Además, los polígonos forman un bucle cerrado y definen una región con relleno. Consulta los ejemplos en 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 utilizar la capa de datos para crear un polígono. La capa de datos ofrece una forma más sencilla de crear agujeros porque controla el orden de las rutas internas y externas por ti.

Esta clase extiende MVCObject.

Para acceder, llama a const {Polygon} = await google.maps.importLibrary("maps"). Consulta el artículo Bibliotecas de la API de Maps JavaScript.

Constructor
`Polygon`	`Polygon([opts])` Parámetros: `opts`: `PolygonOptions optional` Crea un polígono con el `PolygonOptions` pasado, que especifica el trazado del polígono, el estilo de trazo para sus bordes y el estilo de relleno para las regiones interiores del polígono. Un polígono puede contener uno o más trazados, y cada uno consta de un array de `LatLng`. Puedes pasar un array de LatLngs o un `MVCArray` de `LatLng` cuando construyes estas rutas de acceso. Los arrays se convierten en `MVCArray` dentro del polígono después de crear una instancia.

Constructor

Polygon

Polygon([opts])

Parámetros:

opts: PolygonOptions optional

Crea un polígono con el PolygonOptions pasado, que especifica el trazado del polígono, el estilo de trazo para sus bordes y el estilo de relleno para las regiones interiores del polígono. Un polígono puede contener uno o más trazados, y cada uno consta de un array de LatLng. Puedes pasar un array de LatLngs o un MVCArray de LatLng cuando construyes estas rutas de acceso. Los arrays se convierten en MVCArray dentro del polígono después de crear una instancia.

Métodos
`getDraggable`	`getDraggable()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si el usuario puede arrastrar esta forma.
`getEditable`	`getEditable()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si el usuario puede editar esta forma.
`getMap`	`getMap()` Parámetros: Ninguno Valor que se devuelve: `Map\|null` Muestra el mapa en el que se adjunta esta forma.
`getPath`	`getPath()` Parámetros: Ninguno Valor que se devuelve: `MVCArray<LatLng>` Recupera la primera ruta de acceso.
`getPaths`	`getPaths()` Parámetros: Ninguno Valor que se devuelve: `MVCArray<MVCArray<LatLng>>` Recupera los trazados de este polígono.
`getVisible`	`getVisible()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si este polígono es visible en el mapa.
`setDraggable`	`setDraggable(draggable)` Parámetros: `draggable`: `boolean` Valor que se devuelve: 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 que se devuelve: 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 devuelve: 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 devuelve: Ninguno
`setPath`	`setPath(path)` Parámetros: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` Valor que se devuelve: Ninguno Establece la primera ruta de acceso. Para obtener más información, consulta `PolygonOptions`.
`setPaths`	`setPaths(paths)` Parámetros: `paths`: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral>` Valor que se devuelve: Ninguno Establece el trazado para este polígono.
`setVisible`	`setVisible(visible)` Parámetros: `visible`: `boolean` Valor que se devuelve: Ninguno Se oculta este polígono si se establece en `false`.
Heredado: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Eventos
`click`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se hace un evento de clic del DOM en el objeto Polygon.
`contextmenu`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se activa el evento del menú contextual del DOM en Polygon.
`dblclick`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se activa el evento dblclick del DOM en Polygon.
`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 hace un evento de mousedown del DOM en el objeto Polygon.
`mousemove`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se activa el evento DOM mousemove en el Polygon.
`mouseout`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se mueve el mouse fuera de Polygon.
`mouseover`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se desplaza el mouse sobre un elemento Polygon.
`mouseup`	`function(event)` Argumentos: `event`: `PolyMouseEvent` Este evento se activa cuando se activa el evento del mouseup del DOM en el objeto Polygon.
`rightclick`	Obsoleto: Usa el evento `Polygon.contextmenu` para admitir patrones de uso, como Ctrl + clic 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 utiliza para definir las propiedades que se pueden configurar en un Polygon.

Propiedades
`clickable optional`	Tipo: `boolean optional` Valor predeterminado: `true` Indica si este `Polygon` controla eventos del mouse.
`draggable optional`	Tipo: `boolean optional` Valor predeterminado: `false` Si se establece en `true`, el usuario puede arrastrar esta forma sobre el mapa. La propiedad `geodesic` define el modo de arrastre.
`editable optional`	Tipo: `boolean optional` Valor 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 del relleno entre 0.0 y 1.0
`geodesic optional`	Tipo: `boolean optional` Valor predeterminado: `false` Cuando es `true`, los bordes del polígono se interpretan como geodésicos y seguirán la curvatura de la Tierra. Si 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 parecer cambiar al arrastrarlo, ya que las dimensiones se mantienen en relación con la superficie de la Tierra.
`map optional`	Tipo: `Map optional` Mapa en el que se muestra el polígono.
`paths optional`	Tipo: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral> optional` Es 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 de acceso 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 utilizando un único array de `LatLng`. Los polígonos más complejos pueden especificar una matriz de matrices. Cualquier array simple se convierte 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` Valor predeterminado: `StrokePosition.CENTER` La posición del trazo.
`strokeWeight optional`	Tipo: `number optional` ancho de trazo en píxeles.
`visible optional`	Tipo: `boolean optional` Valor predeterminado: `true` Indica si este polígono es visible en el mapa.
`zIndex optional`	Tipo: `number optional` El zIndex comparado con otros polígonos.

PolyMouseEvent

Interfaz de google.maps.PolyMouseEvent

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

Esta interfaz extiende MapMouseEvent.

Propiedades
`edge optional`	Tipo: `number optional` Es el índice del borde dentro de la ruta debajo del cursor cuando ocurrió el evento, si el evento ocurrió en un punto medio de un polígono editable.
`path optional`	Tipo: `number optional` El índice de la ruta debajo del cursor cuando ocurrió el evento, si el evento ocurrió en un vértice y el polígono se puede editar. De lo contrario, es `undefined`.
`vertex optional`	Tipo: `number optional` El índice del vértice debajo del cursor cuando ocurrió el evento, si el evento ocurrió en un vértice y se puede editar la polilínea o el polígono. Si el evento no ocurre en un vértice, el valor es `undefined`.
Heredado: `domEvent`, `latLng`

Métodos
Heredado: `stop`

Clase Rectangle

Clase google.maps.Rectangle

Superposición rectangular

Esta clase extiende MVCObject.

Para acceder, llama a const {Rectangle} = await google.maps.importLibrary("maps"). Consulta el artículo Bibliotecas de la API de Maps JavaScript.

Constructor
`Rectangle`	`Rectangle([opts])` Parámetros: `opts`: `RectangleOptions optional` Crea un rectángulo con el elemento `RectangleOptions` pasado, que especifica los límites y el estilo.

Métodos
`getBounds`	`getBounds()` Parámetros: Ninguno Valor que se devuelve: `LatLngBounds\|null` Muestra los límites de este rectángulo.
`getDraggable`	`getDraggable()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si el usuario puede arrastrar este rectángulo.
`getEditable`	`getEditable()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si el usuario puede editar este rectángulo.
`getMap`	`getMap()` Parámetros: Ninguno Valor que se devuelve: `Map\|null` Muestra el mapa en el que aparece este rectángulo.
`getVisible`	`getVisible()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si este rectángulo es visible en el mapa.
`setBounds`	`setBounds(bounds)` Parámetros: `bounds`: `LatLngBounds\|LatLngBoundsLiteral optional` Valor que se devuelve: Ninguno Establece los límites de este rectángulo.
`setDraggable`	`setDraggable(draggable)` Parámetros: `draggable`: `boolean` Valor que se devuelve: Ninguno Si se establece en `true`, el usuario puede arrastrar este rectángulo sobre el mapa.
`setEditable`	`setEditable(editable)` Parámetros: `editable`: `boolean` Valor que se devuelve: 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 que se devuelve: Ninguno Renderiza el rectángulo en el mapa especificado. Si el mapa se configura en `null`, se eliminará el rectángulo.
`setOptions`	`setOptions(options)` Parámetros: `options`: `RectangleOptions optional` Valor que se devuelve: Ninguno
`setVisible`	`setVisible(visible)` Parámetros: `visible`: `boolean` Valor que se devuelve: Ninguno Oculta este rectángulo si se establece en `false`.
Heredado: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Eventos
`bounds_changed`	`function()` Argumentos: Ninguno Este evento se activa cuando se cambian los límites del rectángulo.
`click`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el evento de clic del DOM se activa 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 del 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 mousedown del DOM en el rectángulo.
`mousemove`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el evento del mousemove del DOM se activa en el rectángulo.
`mouseout`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando se quita el mouse del rectángulo.
`mouseover`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando se desplaza el mouse sobre un rectángulo.
`mouseup`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando se activa el evento del mouseup del DOM en el rectángulo.
`rightclick`	Obsoleto: Usa el evento `Rectangle.contextmenu` para admitir patrones de uso, como Ctrl + clic en macOS. `function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando se hace clic con el botón derecho sobre el rectángulo.

RectangleOptions.

Interfaz de google.maps.RectangleOptions

RectangleOptions que se usa para definir las propiedades que se pueden configurar en un objeto Rectangle.

Propiedades
`bounds optional`	Tipo: `LatLngBounds\|LatLngBoundsLiteral optional` Los límites.
`clickable optional`	Tipo: `boolean optional` Valor predeterminado: `true` Indica si este `Rectangle` controla eventos del mouse.
`draggable optional`	Tipo: `boolean optional` Valor predeterminado: `false` Si se establece en `true`, el usuario puede arrastrar este rectángulo sobre el mapa.
`editable optional`	Tipo: `boolean optional` Valor predeterminado: `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 optional`	Tipo: `string optional` color de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
`fillOpacity optional`	Tipo: `number optional` Opacidad del 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` Valor predeterminado: `StrokePosition.CENTER` La posición del trazo.
`strokeWeight optional`	Tipo: `number optional` ancho de trazo en píxeles.
`visible optional`	Tipo: `boolean optional` Valor predeterminado: `true` Indica si este rectángulo es visible en el mapa.
`zIndex optional`	Tipo: `number optional` El zIndex comparado con otros polígonos.

Clase Circle

Clase google.maps.Circle

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

Esta clase extiende MVCObject.

Para acceder, llama a const {Circle} = await google.maps.importLibrary("maps"). Consulta el artículo Bibliotecas de 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 devuelve: `LatLngBounds\|null` Obtiene el `LatLngBounds` de este círculo.
`getCenter`	`getCenter()` Parámetros: Ninguno Valor que se devuelve: `LatLng\|null` Muestra el centro de este círculo.
`getDraggable`	`getDraggable()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si el usuario puede arrastrar este círculo.
`getEditable`	`getEditable()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si el usuario puede editar este círculo.
`getMap`	`getMap()` Parámetros: Ninguno Valor que se devuelve: `Map\|null` Muestra el mapa en el que aparece este círculo.
`getRadius`	`getRadius()` Parámetros: Ninguno Valor que se devuelve: `number` Muestra el radio de este círculo (en metros).
`getVisible`	`getVisible()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra si este círculo es visible en el mapa.
`setCenter`	`setCenter(center)` Parámetros: `center`: `LatLng\|LatLngLiteral optional` Valor que se devuelve: Ninguno Establece el centro de este círculo.
`setDraggable`	`setDraggable(draggable)` Parámetros: `draggable`: `boolean` Valor que se devuelve: Ninguno Si se configura en `true`, el usuario puede arrastrar este círculo sobre el mapa.
`setEditable`	`setEditable(editable)` Parámetros: `editable`: `boolean` Valor que se devuelve: Ninguno Si se configura como `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 devuelve: Ninguno Renderiza el círculo en el mapa especificado. Si el mapa se configura como `null`, se eliminará el círculo.
`setOptions`	`setOptions(options)` Parámetros: `options`: `CircleOptions optional` Valor que se devuelve: Ninguno
`setRadius`	`setRadius(radius)` Parámetros: `radius`: `number` Valor que se devuelve: Ninguno Fija el radio de este círculo (en metros).
`setVisible`	`setVisible(visible)` Parámetros: `visible`: `boolean` Valor que se devuelve: Ninguno Oculta este círculo si se establece en `false`.
Heredado: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Eventos
`center_changed`	`function()` Argumentos: Ninguno Este evento se activa cuando se cambia el centro del círculo.
`click`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el evento de clic del DOM se activa en el círculo.
`dblclick`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando se activa el evento dblclick del 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 hace un evento de mousedown del DOM en el círculo.
`mousemove`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el evento del mousemove del DOM se activa en el círculo.
`mouseout`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando se cierra el círculo.
`mouseover`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando se desplaza el mouse sobre un círculo.
`mouseup`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el evento del mouseup del DOM se activa 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

El objeto CircleOptions que se usa para definir las propiedades que se pueden configurar en un elemento Circle.

Propiedades
`center optional`	Tipo: `LatLng\|LatLngLiteral optional` El centro del círculo.
`clickable optional`	Tipo: `boolean optional` Valor predeterminado: `true` Indica si este `Circle` controla eventos del mouse.
`draggable optional`	Tipo: `boolean optional` Valor predeterminado: `false` Si se configura en `true`, el usuario puede arrastrar este círculo sobre el mapa.
`editable optional`	Tipo: `boolean optional` Valor predeterminado: `false` Si se configura como `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 del 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` Es el radio en 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` Valor predeterminado: `StrokePosition.CENTER` La posición del trazo.
`strokeWeight optional`	Tipo: `number optional` ancho de trazo en píxeles.
`visible optional`	Tipo: `boolean optional` Valor predeterminado: `true` Si este círculo es visible en el mapa.
`zIndex optional`	Tipo: `number optional` El zIndex comparado con otros polígonos.

Constantes StrokePosition

Constantes google.maps.StrokePosition

Las posiciones posibles del trazo en un polígono.

Para acceder, llama a const {StrokePosition} = await google.maps.importLibrary("maps"). Consulta el artículo Bibliotecas de la API de Maps JavaScript.

Constantes
`CENTER`	El trazo se centra en el trazado del polígono, con la mitad dentro del polígono y la mitad fuera del polígono.
`INSIDE`	El trazo está dentro del polígono.
`OUTSIDE`	El trazo queda fuera del polígono.

Polygons

Clase Polyline

Constructor

Métodos

Eventos

PolylineOptions

Propiedades

IconSequence

Propiedades

Clase Polygon

Constructor

Métodos

Eventos

PolygonOptions.

Propiedades

PolyMouseEvent

Propiedades

Métodos

Clase Rectangle

Constructor

Métodos

Eventos

RectangleOptions.

Propiedades

Clase Circle

Constructor

Métodos

Eventos

CircleOptions.

Propiedades

Constantes StrokePosition

Constantes