Places Widgets

Clase PlaceAutocompleteElement

Clase google.maps.places.PlaceAutocompleteElement

PlaceAutocompleteElement es una subclase de HTMLElement que proporciona un componente de IU para la API de Places Autocomplete.

PlaceAutocompleteElement usa automáticamente AutocompleteSessionTokens de forma interna para agrupar las fases de consulta y selección de la búsqueda con autocompletado de un usuario.

La primera llamada a Place.fetchFields en un Place que muestra PlacePrediction.toPlace incluirá automáticamente el token de sesión que se usó para recuperar el PlacePrediction.

Consulta https://developers.google.com/maps/documentation/places/web-service/place-session-tokens para obtener más detalles sobre cómo funcionan las sesiones.

Elemento personalizado:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceAutocompleteElementOptions.

Llama al const {PlaceAutocompleteElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceAutocompleteElement
PlaceAutocompleteElement(options)
Parámetros: 
includedPrimaryTypes
Tipo:  Array<string> optional
Es el Tipo de lugar principal incluido (por ejemplo, "restaurant" o "gas_station").

Solo se devuelve un lugar si su tipo principal se incluye en esta lista. Se pueden especificar hasta 5 valores. Si no se especifican tipos, se devuelven todos los tipos de Place.
Atributo HTML:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
Tipo:  Array<string> optional
Solo se incluyen los resultados de las regiones especificadas, que se indican con hasta 15 códigos de región CLDR de dos caracteres. Un conjunto vacío no restringirá los resultados. Si se configuran locationRestriction y includedRegionCodes, los resultados se ubicarán en el área de intersección.
Atributo HTML:
  • <gmp-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-place-autocomplete>
locationBias
Tipo:  LocationBias optional
Es un límite o una sugerencia flexible que se usa cuando se buscan lugares.
locationRestriction
Tipo:  LocationRestriction optional
Son los límites para restringir los resultados de la búsqueda.
name
Tipo:  string optional
Nombre que se usará para el elemento de entrada. Consulta https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name para obtener más detalles. Sigue el mismo comportamiento que el atributo name para las entradas. Ten en cuenta que este es el nombre que se usará cuando se envíe un formulario. Consulta https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form para obtener más detalles.
Atributo HTML:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
Es el origen desde el que se calcula la distancia. Si no se especifica, no se calcula la distancia. Si se proporciona la altitud, no se usa en el cálculo.
Atributo HTML:
  • <gmp-place-autocomplete origin="lat,lng"></gmp-place-autocomplete>
  • <gmp-place-autocomplete origin="lat,lng,altitude"></gmp-place-autocomplete>
requestedLanguage
Tipo:  string optional
Es un identificador de idioma para el idioma en el que se deben devolver los resultados, si es posible. Es posible que los resultados en el idioma seleccionado tengan una clasificación más alta, pero las sugerencias no se limitan a este idioma. Consulta la lista de idiomas compatibles.
Atributo HTML:
  • <gmp-place-autocomplete requested-language="string"></gmp-place-autocomplete>
requestedRegion
Tipo:  string optional
Es un código de región que se usa para el formato y el filtrado de los resultados. No restringe las sugerencias a este país. El código de región acepta un valor de ccTLD ("dominio de nivel superior") de dos caracteres. La mayoría de los códigos ccTLD son idénticos a los códigos ISO 3166-1, con algunas excepciones notables. Por ejemplo, el ccTLD del Reino Unido es "uk" (.co.uk), mientras que su código ISO 3166-1 es "gb" (técnicamente para la entidad de "El Reino Unido de Gran Bretaña e Irlanda del Norte").
Atributo HTML:
  • <gmp-place-autocomplete requested-region="string"></gmp-place-autocomplete>
unitSystem
Tipo:  UnitSystem optional
Es el sistema de unidades que se usa para mostrar las distancias. Si no se especifica, el sistema de unidades se determina según el valor de requestedRegion.
Atributo HTML:
  • <gmp-place-autocomplete unit-system="metric"></gmp-place-autocomplete>
  • <gmp-place-autocomplete unit-system="imperial"></gmp-place-autocomplete>
prediction-item
Es un elemento del menú desplegable de predicciones que representa una sola predicción.
prediction-item-icon
Icono que aparece a la izquierda de cada elemento de la lista de predicciones.
prediction-item-main-text
Es una parte del elemento de predicción que es el texto principal de la predicción. En el caso de las ubicaciones geográficas, contiene un nombre de lugar, como "Sídney", o un nombre y un número de una calle, como "10 King Street". De forma predeterminada, el texto principal del elemento de predicción es de color negro. Si hay texto adicional en prediction-item, este queda fuera de prediction-item-main-text y hereda su diseño de prediction-item. Su color predeterminado es el gris. El texto adicional normalmente es una dirección.
prediction-item-match
La parte de la predicción mostrada que coincide con la entrada del usuario. De manera predeterminada, este texto coincidente se resalta en negrita. Ten en cuenta que el texto coincidente puede estar en cualquier parte de prediction-item. No necesariamente forma parte de prediction-item-main-text.
prediction-item-selected
La figura que aparece cuando el usuario navega a un elemento a través del teclado. Nota: Los elementos seleccionados se verán afectados por los estilos de esta parte y por los estilos de la parte del elemento de predicción.
prediction-list
Elemento visual que contiene la lista de predicciones devueltas por el servicio de autocompletado de sitios. Esta lista aparece como una lista desplegable debajo del PlaceAutocompleteElement.
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.
gmp-error
function(errorEvent)
Argumentos: 
Este evento se activa cuando se rechaza una solicitud al backend (p.ej., clave de API incorrecta). Este evento no se propaga.
gmp-select
function(placePredictionSelectEvent)
Argumentos: 
Este evento se activa cuando un usuario selecciona una predicción de lugar. Contiene un objeto PlacePrediction que se puede convertir en un objeto Place.

Interfaz PlaceAutocompleteElementOptions

Interfaz de google.maps.places.PlaceAutocompleteElementOptions

Opciones para construir un PlaceAutocompleteElement. Para obtener la descripción de cada propiedad, consulta la propiedad con el mismo nombre en la clase PlaceAutocompleteElement.
locationBias optional
Tipo:  LocationBias optional
locationRestriction optional
Tipo:  LocationRestriction optional
name optional
Tipo:  string optional
requestedLanguage optional
Tipo:  string optional

Clase PlacePredictionSelectEvent

Clase google.maps.places.PlacePredictionSelectEvent

Este evento se crea después de que el usuario selecciona un elemento de predicción con PlaceAutocompleteElement. Accede a la selección con event.placePrediction.

Llama a PlacePrediction.toPlace para convertir placePrediction en un Place.

Esta clase extiende Event.

Llama al const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
placePrediction
Para convertirlo en un Place, llama a PlacePrediction.toPlace.

Clase PlaceAutocompleteRequestErrorEvent

Clase google.maps.places.PlaceAutocompleteRequestErrorEvent

El evento se emite desde PlaceAutocompleteElement cuando hay un problema con la solicitud de red.

Esta clase extiende Event.

Llama al const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.

Clase PlaceContextualElement

Clase google.maps.places.PlaceContextualElement

Es un widget que usa el token de contexto para mostrar una vista contextual de la respuesta de Grounding con Google Maps.

Elemento personalizado:
<gmp-place-contextual context-token="string"></gmp-place-contextual>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceContextualElementOptions.

Llama al const {PlaceContextualElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
contextToken
Tipo:  string optional
Es el token de contexto.
Atributo HTML:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.

Interfaz de PlaceContextualElementOptions

Interfaz de google.maps.places.PlaceContextualElementOptions

Opciones para PlaceContextualElement.
contextToken optional
Tipo:  string optional
Es el token de contexto que proporciona la respuesta de Fundamentación con Google Maps.

Clase PlaceContextualListConfigElement

Clase google.maps.places.PlaceContextualListConfigElement

Es un elemento HTML que configura opciones para la vista de lista del elemento contextual de lugar.

Elemento personalizado:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceContextualListConfigElementOptions.

Llama al const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
layout
Tipo:  PlaceContextualListLayout optional
Es el diseño.
Atributo HTML:
  • <gmp-place-contextual-list-config layout="compact"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config layout="vertical"></gmp-place-contextual-list-config>
mapHidden
Tipo:  boolean optional
Indica si el mapa está oculto.
Atributo HTML:
  • <gmp-place-contextual-list-config map-hidden></gmp-place-contextual-list-config>
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.

Interfaz PlaceContextualListConfigElementOptions

Interfaz de google.maps.places.PlaceContextualListConfigElementOptions

Son las opciones de PlaceContextualListConfigElement.
layout optional
Tipo:  PlaceContextualListLayout optional
Es el diseño. El valor predeterminado es PlaceContextualListLayout.VERTICAL.
mapHidden optional
Tipo:  boolean optional
Indica si el mapa está oculto. El valor predeterminado es mostrar el mapa (valor falso).

Constantes de PlaceContextualListLayout

Constantes de google.maps.places.PlaceContextualListLayout

Es la lista de diseños que admite el elemento contextual de lugar para la vista de lista.

Llama al const {PlaceContextualListLayout} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
COMPACT Diseño de lista compacto: Los elementos de la lista se renderizan como vínculos en una sola línea, con desbordamientos en una lista desplegable.
VERTICAL Diseño de lista vertical: Los elementos de la lista se renderizan como tarjetas en una lista vertical.

Clase PlaceDetailsElement

Clase google.maps.places.PlaceDetailsElement

Es un elemento HTML que muestra detalles de un lugar. Usa los métodos configureFromPlace() o configureFromLocation() para especificar el contenido que se renderizará. Para usar el elemento Place Details, habilita la API de Places UI Kit para tu proyecto en la consola de Google Cloud.

Elemento personalizado:
<gmp-place-details size="small"></gmp-place-details>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceDetailsElementOptions.

Llama al const {PlaceDetailsElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceDetailsElement
PlaceDetailsElement([options])
Parámetros: 
place
Tipo:  Place optional
Solo lectura. Objeto Place que contiene el ID, la ubicación y la ventana gráfica del lugar renderizado actualmente.
size
Tipo:  PlaceDetailsSize optional
Es la variante de tamaño del PlaceDetailsElement. De forma predeterminada, el elemento mostrará PlaceDetailsSize.X_LARGE.
Atributo HTML:
  • <gmp-place-details size="small"></gmp-place-details>
  • <gmp-place-details size="medium"></gmp-place-details>
  • <gmp-place-details size="large"></gmp-place-details>
  • <gmp-place-details size="x-large"></gmp-place-details>
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
configureFromLocation
configureFromLocation(location)
Parámetros: 
  • location:  LatLng|LatLngLiteral Es la ubicación para la que se renderizarán los detalles del lugar.
Valor de devolución:  Promise<void> Es una promesa que se resuelve una vez que se cargan y renderizan los datos del lugar.
Configura el widget desde un LatLng con la geocodificación inversa.
configureFromPlace
configureFromPlace(place)
Parámetros: 
  • place:  Place|{id:string} Es el lugar para renderizar los detalles.
Valor de devolución:  Promise<void> Es una promesa que se resuelve una vez que se cargan y renderizan los datos del lugar.
Configura el widget a partir de un objeto Place o un ID de lugar.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.
gmp-load
function(event)
Argumentos: 
Este evento se activa cuando el elemento carga y renderiza su contenido. Este evento no se propaga.
gmp-requesterror
function(event)
Argumentos: 
Este evento se activa cuando se rechaza una solicitud al backend (p.ej., clave de API incorrecta). Este evento no se propaga.

Interfaz PlaceDetailsElementOptions

Interfaz de google.maps.places.PlaceDetailsElementOptions

Opciones para PlaceDetailsElement.
size optional
Tipo:  PlaceDetailsSize optional
Ver PlaceDetailsElement.size

Constantes de PlaceDetailsSize

Constantes de google.maps.places.PlaceDetailsSize

Son las variantes de tamaño para PlaceDetailsElement.

Llama al const {PlaceDetailsSize} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
LARGE Variante grande que incluye una imagen grande, información básica y de contacto.
MEDIUM Variante mediana que incluye una imagen grande y la información básica.
SMALL Es una variante pequeña que incluye una imagen pequeña y la información básica.
X_LARGE Variante extra grande que incluye un collage de fotos, opiniones e información completa del lugar.

Clase PlaceDetailsCompactElement

Clase google.maps.places.PlaceDetailsCompactElement

Muestra los detalles de un lugar en un diseño compacto. Agrega un PlaceDetailsPlaceRequestElement para especificar el lugar que se renderizará. Agrega un PlaceContentConfigElement, PlaceStandardContentElement o PlaceAllContentElement para especificar qué contenido se debe renderizar.

Para usar este elemento, habilita la API de Places UI Kit para tu proyecto en la consola de Google Cloud.

Elemento personalizado:
<gmp-place-details-compact orientation="vertical" truncation-preferred></gmp-place-details-compact>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceDetailsCompactElementOptions.

Llama al const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceDetailsCompactElement
PlaceDetailsCompactElement([options])
Parámetros: 
orientation
Tipo:  PlaceDetailsOrientation optional
Predeterminado: PlaceDetailsOrientation.VERTICAL
Es la variante de orientación (vertical u horizontal) del elemento.
Atributo HTML:
  • <gmp-place-details-compact orientation="vertical"></gmp-place-details-compact>
  • <gmp-place-details-compact orientation="horizontal"></gmp-place-details-compact>
place
Tipo:  Place optional
Solo lectura. Objeto Place que contiene el ID, la ubicación y el viewport del lugar renderizado actualmente.
truncationPreferred
Tipo:  boolean
Predeterminado: false
Si es verdadero, trunca el nombre y la dirección del lugar para que quepan en una sola línea en lugar de ajustarse.
Atributo HTML:
  • <gmp-place-details-compact truncation-preferred></gmp-place-details-compact>
--gmp-mat-color-info
Color de los elementos de la IU con un sentimiento informativo. Se usa para el ícono de silla de ruedas.
--gmp-mat-color-negative
Color de los elementos de la IU con opinión negativa. Se usa para el texto "Cerrado" en el estado de apertura.
--gmp-mat-color-neutral-container
Color del contenedor para elementos de la IU completados neutros. Se usa para los marcadores de posición de imágenes.
--gmp-mat-color-on-secondary-container
Color del texto y los íconos sobre el color del contenedor secundario. Se usa para el texto y los íconos del botón "Abrir en Maps".
--gmp-mat-color-on-surface
Color para el texto y los íconos sobre cualquier color de superficie. Se usa para texto normal.
--gmp-mat-color-on-surface-variant
Color de menor énfasis para el texto y los íconos sobre cualquier color de superficie. Se usa para texto menos enfatizado.
--gmp-mat-color-outline-decorative
Color de contorno de los elementos no interactivos. Se usa para el borde del elemento.
--gmp-mat-color-positive
Color de los elementos de la IU con opinión positiva. Se usa para el texto "Abierto" en el estado de apertura actual.
--gmp-mat-color-primary
Color de los íconos y el texto interactivos en relación con el color de la superficie. Se usa para el recuento de opiniones y los vínculos en el diálogo de atribución.
--gmp-mat-color-secondary-container
Color de relleno menos destacado en comparación con la superficie, para componentes recesivos, como los botones tonales. Se usa para el fondo del botón "Abrir en Maps".
--gmp-mat-color-surface
Color para los fondos. Se usa para los fondos del elemento y el diálogo de atribución.
--gmp-mat-font-body-medium
Se usa para el texto del cuerpo en el diálogo de atribución.
--gmp-mat-font-body-small
Se usa para la dirección, la calificación, el tipo, el precio y el estado de apertura actual del lugar.
--gmp-mat-font-family
Es la familia de fuentes base que se usa para todo el texto.
--gmp-mat-font-headline-medium
Se usa para el texto del encabezado en el diálogo de atribución.
--gmp-mat-font-label-large
Se usa para el botón "Abrir en Maps" y los vínculos en el diálogo de atribución.
--gmp-mat-font-title-small
Se usa para el nombre del lugar.
background-color
Anula el color de fondo del elemento.
border
Anula el borde del elemento.
border-radius
Anula el radio del borde del elemento.
color-scheme
Indica con qué esquema de color se puede renderizar este elemento. Consulta la documentación de color-scheme para obtener más detalles. La configuración predeterminada es color-scheme: light dark.
font-size
Ajusta el tamaño de todo el texto y los íconos del elemento, que se definen internamente en ems. La configuración predeterminada es 16px.
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.
gmp-error
function(event)
Argumentos: 
Este evento se activa cuando se rechaza una solicitud al backend (p.ej., clave de API incorrecta). Este evento no se propaga.
gmp-load
function(event)
Argumentos: 
Este evento se activa cuando el elemento carga y renderiza su contenido. Este evento no se propaga.

Interfaz de PlaceDetailsCompactElementOptions

Interfaz de google.maps.places.PlaceDetailsCompactElementOptions

Opciones para PlaceDetailsCompactElement.
orientation optional
Tipo:  PlaceDetailsOrientation optional
Consulta los PlaceDetailsCompactElement.orientation.
truncationPreferred optional
Tipo:  boolean optional
Consulta los PlaceDetailsCompactElement.truncationPreferred.

Constantes de PlaceDetailsOrientation

Constantes de google.maps.places.PlaceDetailsOrientation

Son las variantes de orientación para PlaceDetailsCompactElement.

Llama al const {PlaceDetailsOrientation} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
HORIZONTAL Orientación horizontal.
VERTICAL Orientación vertical.

Clase PlaceDetailsPlaceRequestElement

Clase google.maps.places.PlaceDetailsPlaceRequestElement

Configura un elemento Place Details Compact para cargar datos basados en un objeto, un ID o un nombre de recurso de lugar. Agrega este elemento como secundario de un PlaceDetailsCompactElement para cargar datos del lugar especificado.

Elemento personalizado:
<gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceDetailsPlaceRequestElementOptions.

Llama al const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceDetailsPlaceRequestElement
PlaceDetailsPlaceRequestElement([options])
Parámetros: 
place
Tipo:  Place optional
Es el objeto, el ID o el nombre del recurso del lugar para el que se renderizarán los detalles en el elemento compacto de Place Details. Esta propiedad se refleja en el atributo como un nombre de recurso.
Atributo HTML:
  • <gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.

Interfaz de PlaceDetailsPlaceRequestElementOptions

Interfaz de google.maps.places.PlaceDetailsPlaceRequestElementOptions

Opciones para PlaceDetailsPlaceRequestElement.
place optional
Tipo:  Place|string optional
Ver PlaceDetailsPlaceRequestElement.place

Clase PlaceContentConfigElement

Clase google.maps.places.PlaceContentConfigElement

Configura el contenido que mostrará un elemento de Place Details Compact. Agrega este elemento como secundario de un PlaceDetailsCompactElement para usarlo. Agrega cualquiera de los siguientes elementos a PlaceContentConfigElement para mostrar el contenido correspondiente:
PlaceMediaElement, PlaceAddressElement, PlaceRatingElement, PlaceTypeElement, PlacePriceElement, PlaceAccessibleEntranceIconElement, PlaceOpenNowStatusElement, PlaceAttributionElement
El orden de los elementos secundarios no importa; el elemento renderiza el contenido en un orden estándar que no se puede personalizar.

Elemento personalizado:
<gmp-place-content-config></gmp-place-content-config>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceContentConfigElementOptions.

Llama al const {PlaceContentConfigElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceContentConfigElement
PlaceContentConfigElement([options])
Parámetros: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.

Interfaz PlaceContentConfigElementOptions

Interfaz de google.maps.places.PlaceContentConfigElementOptions

Opciones para PlaceContentConfigElement.

Clase PlaceMediaElement

Clase google.maps.places.PlaceMediaElement

Configura un elemento de Place Details Compact para mostrar el contenido multimedia de un lugar, como fotos. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo.

Elemento personalizado:
<gmp-place-media lightbox-preferred></gmp-place-media>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceMediaElementOptions.

Llama al const {PlaceMediaElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceMediaElement
PlaceMediaElement([options])
Parámetros: 
lightboxPreferred
Tipo:  boolean optional
Predeterminado: false
Indica si se debe habilitar o inhabilitar la Lightbox de medios en los casos en que se admiten ambas opciones.
Atributo HTML:
  • <gmp-place-media lightbox-preferred></gmp-place-media>
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.

Interfaz de PlaceMediaElementOptions

Interfaz de google.maps.places.PlaceMediaElementOptions

Opciones para PlaceMediaElement.
lightboxPreferred optional
Tipo:  boolean optional
Consulta los PlaceMediaElement.lightboxPreferred.

Clase PlaceAddressElement

Clase google.maps.places.PlaceAddressElement

Configura un elemento Place Details Compact para mostrar la dirección de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo.

Elemento personalizado:
<gmp-place-address></gmp-place-address>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceAddressElementOptions.

Llama al const {PlaceAddressElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceAddressElement
PlaceAddressElement([options])
Parámetros: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.

Interfaz de PlaceAddressElementOptions

Interfaz de google.maps.places.PlaceAddressElementOptions

Opciones para PlaceAddressElement.

Clase PlaceRatingElement

Clase google.maps.places.PlaceRatingElement

Configura un elemento Place Details Compact para mostrar la calificación de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo.

Elemento personalizado:
<gmp-place-rating></gmp-place-rating>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceRatingElementOptions.

Llama al const {PlaceRatingElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceRatingElement
PlaceRatingElement([options])
Parámetros: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.

Interfaz de PlaceRatingElementOptions

Interfaz de google.maps.places.PlaceRatingElementOptions

Opciones para PlaceRatingElement.

Clase PlaceTypeElement

Clase google.maps.places.PlaceTypeElement

Configura un elemento de Place Details Compact para mostrar el tipo de lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo.

Elemento personalizado:
<gmp-place-type></gmp-place-type>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceTypeElementOptions.

Llama al const {PlaceTypeElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceTypeElement
PlaceTypeElement([options])
Parámetros: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las opciones. Los eventos personalizados solo admiten capture y passive.
Valor de devolución:  void
Configura una función que se llamará cada vez que se envíe el evento especificado al destino. Consulta addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject El objeto de escucha de eventos del controlador de eventos que se quitará del destino del evento.
  • options:  boolean|EventListenerOptions optional Consulta las opciones.
Valor de devolución:  void
Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener.

Interfaz de PlaceTypeElementOptions

Interfaz de google.maps.places.PlaceTypeElementOptions

Opciones para PlaceTypeElement.

Clase PlacePriceElement

Clase google.maps.places.PlacePriceElement

Configura un elemento de Place Details Compact para mostrar el nivel de precios o el rango de precios de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo.

Elemento personalizado:
<gmp-place-price></gmp-place-price>

Esta clase extiende HTMLElement.

Esta clase implementa PlacePriceElementOptions.

Llama al const {PlacePriceElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlacePriceElement
PlacePriceElement([options])
Parámetros: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Cadena que distingue mayúsculas de minúsculas y que representa el tipo de evento que se debe escuchar.
  • listener:  EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent.
  • options:  boolean|AddEventListenerOptions optional Consulta las