Place Widget Content Customization

Clase PlaceContentConfigElement

Clase google.maps.places.PlaceContentConfigElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar un conjunto personalizado de contenido. Agrega este elemento como elemento secundario para usarlo.

Para PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement, agrega cualquiera de los siguientes elementos a PlaceContentConfigElement para mostrar el contenido correspondiente:
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

En el caso específico de PlaceDetailsElement, también puedes agregar cualquiera de los siguientes elementos:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

El orden de los elementos secundarios no importa; el elemento renderiza el contenido en un orden estándar que no se puede personalizar. Ejemplo: 

 <gmp-place-details>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
     <gmp-place-address></gmp-place-address>
   </gmp-place-content-config>
 </gmp-place-details>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceContentConfigElementOptions.

Para acceder, llama al const {PlaceContentConfigElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceContentConfigElement
PlaceContentConfigElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceContentConfigElementOptions

Interfaz google.maps.places.PlaceContentConfigElementOptions

Opciones para PlaceContentConfigElement.

Clase PlaceAllContentElement

Clase google.maps.places.PlaceAllContentElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar todo el contenido disponible. Agrega este elemento como elemento secundario para usarlo. Por ejemplo: 

 <gmp-place-details>
   <gmp-place-all-content></gmp-place-all-content>
 </gmp-place-details>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceAllContentElementOptions.

Para acceder, llama al const {PlaceAllContentElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceAllContentElement
PlaceAllContentElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceAllContentElementOptions

Interfaz google.maps.places.PlaceAllContentElementOptions

Opciones para PlaceAllContentElement.

Clase PlaceStandardContentElement

Clase google.maps.places.PlaceStandardContentElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar un conjunto estándar de contenido. Agrega este elemento como elemento secundario para usarlo.
En el caso de PlaceDetailsElement, el contenido estándar consta de lo siguiente:

  • medios
  • dirección
  • clasificación
  • tipo
  • precio
  • ícono de entrada accesible
  • sitio web
  • número de teléfono
  • horario de atención
  • resumen
  • aspectos destacados específicos del tipo
  • opiniones
  • lista de funciones

En el caso de PlaceDetailsCompactElement, el contenido estándar consta de lo siguiente:
  • medios
  • clasificación
  • tipo
  • precio
  • ícono de entrada accesible
  • estado abierto ahora

En el caso de PlaceSearchElement, el contenido estándar consta de lo siguiente:
  • medios
  • clasificación
  • tipo
  • precio
  • ícono de entrada accesible

Por ejemplo: 
 <gmp-place-details>
   <gmp-place-standard-content></gmp-place-standard-content>
 </gmp-place-details>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceStandardContentElementOptions.

Para acceder, llama al const {PlaceStandardContentElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceStandardContentElement
PlaceStandardContentElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceStandardContentElementOptions

Interfaz google.maps.places.PlaceStandardContentElementOptions

Opciones para PlaceStandardContentElement.

Clase PlaceMediaElement

Clase google.maps.places.PlaceMediaElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar el contenido multimedia de un lugar, como fotos. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-media lightbox-preferred></gmp-place-media>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-media lightbox-preferred preferred-size="small"></gmp-place-media>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceMediaElementOptions.

Para acceder, llama al const {PlaceMediaElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceMediaElement
PlaceMediaElement([options])
Parámetros: 
lightboxPreferred
Tipo:  boolean optional
La configuración predeterminada es false.
Indica si se debe habilitar o inhabilitar la lightbox de medios, en los casos en que se admitan ambas opciones.
Atributo HTML:
  • <gmp-place-media lightbox-preferred></gmp-place-media>
preferredSize
Tipo:  MediaSize optional
La configuración predeterminada es null.
Es el tamaño de contenido multimedia preferido en los casos en que se admiten varios tamaños, como el vertical PlaceSearchElement. La vertical PlaceSearchElement usará MediaSize.SMALL de forma predeterminada si no se especifica.
Atributo HTML:
  • <gmp-place-media preferred-size="small"></gmp-place-media>
  • <gmp-place-media preferred-size="medium"></gmp-place-media>
  • <gmp-place-media preferred-size="large"></gmp-place-media>
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceMediaElementOptions

Interfaz google.maps.places.PlaceMediaElementOptions

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

Constantes de MediaSize

Constantes de google.maps.places.MediaSize

Es el tamaño de contenido multimedia preferido en los casos en que se admiten varios tamaños, como el vertical PlaceSearchElement.

Para acceder, llama al const {MediaSize} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
LARGE Tamaño de contenido multimedia grande.
MEDIUM Tamaño de contenido multimedia mediano.
SMALL Tamaño de contenido multimedia pequeño.

Clase PlaceAddressElement

Clase google.maps.places.PlaceAddressElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar la dirección de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-address></gmp-place-address>
 </gmp-place-content-config>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceAddressElementOptions.

Para acceder, llama al const {PlaceAddressElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceAddressElement
PlaceAddressElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceAddressElementOptions

Interfaz google.maps.places.PlaceAddressElementOptions

Opciones para PlaceAddressElement.

Clase PlaceRatingElement

Clase google.maps.places.PlaceRatingElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar la calificación de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-rating></gmp-place-rating>
 </gmp-place-content-config>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceRatingElementOptions.

Para acceder, llama al const {PlaceRatingElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceRatingElement
PlaceRatingElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceRatingElementOptions

Interfaz google.maps.places.PlaceRatingElementOptions

Opciones para PlaceRatingElement.

Clase PlaceTypeElement

Clase google.maps.places.PlaceTypeElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar el tipo de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-type></gmp-place-type>
 </gmp-place-content-config>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceTypeElementOptions.

Para acceder, llama al const {PlaceTypeElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceTypeElement
PlaceTypeElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceTypeElementOptions

Interfaz google.maps.places.PlaceTypeElementOptions

Opciones para PlaceTypeElement.

Clase PlacePriceElement

Clase google.maps.places.PlacePriceElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar el nivel o el intervalo de precios de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-price></gmp-place-price>
 </gmp-place-content-config>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlacePriceElementOptions.

Para acceder, llama al const {PlacePriceElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlacePriceElement
PlacePriceElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlacePriceElementOptions

Interfaz google.maps.places.PlacePriceElementOptions

Opciones para PlacePriceElement.

Clase PlaceAccessibleEntranceIconElement

Clase google.maps.places.PlaceAccessibleEntranceIconElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar un ícono de silla de ruedas si el lugar tiene una entrada accesible. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceAccessibleEntranceIconElementOptions.

Para acceder, llama al const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceAccessibleEntranceIconElementOptions

Interfaz google.maps.places.PlaceAccessibleEntranceIconElementOptions

Opciones para PlaceAccessibleEntranceIconElement.

Clase PlaceOpenNowStatusElement

Clase google.maps.places.PlaceOpenNowStatusElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar el estado actual de un lugar (abierto o cerrado). Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-open-now-status></gmp-place-open-now-status>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-open-now-status></gmp-place-open-now-status>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceOpenNowStatusElementOptions.

Para acceder, llama al const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Parámetros: 
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceOpenNowStatusElementOptions

Interfaz google.maps.places.PlaceOpenNowStatusElementOptions

Opciones para PlaceOpenNowStatusElement.

Clase PlaceReviewSummaryElement

Clase google.maps.places.PlaceReviewSummaryElement

Configura un PlaceDetailsElement para mostrar el resumen de opiniones de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-review-summary></gmp-place-review-summary>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-review-summary></gmp-place-review-summary>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceReviewSummaryElementOptions.

Para acceder, llama al const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceReviewSummaryElementOptions

Interfaz google.maps.places.PlaceReviewSummaryElementOptions

Opciones para PlaceReviewSummaryElement.

Clase PlaceReviewsElement

Clase google.maps.places.PlaceReviewsElement

Configura un PlaceDetailsElement para mostrar las opiniones de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-reviews></gmp-place-reviews>
 </gmp-place-content-config>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceReviewsElementOptions.

Para acceder, llama al const {PlaceReviewsElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceReviewsElementOptions

Interfaz google.maps.places.PlaceReviewsElementOptions

Opciones para PlaceReviewsElement.

Clase PlaceSummaryElement

Clase google.maps.places.PlaceSummaryElement

Configura un PlaceDetailsElement para mostrar el resumen de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-summary></gmp-place-summary>
 </gmp-place-content-config>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceSummaryElementOptions.

Para acceder, llama al const {PlaceSummaryElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceSummaryElementOptions

Interfaz google.maps.places.PlaceSummaryElementOptions

Opciones para PlaceSummaryElement.

Clase PlaceFeatureListElement

Clase google.maps.places.PlaceFeatureListElement

Configura un PlaceDetailsElement para mostrar la lista de atributos de un lugar en la pestaña "Acerca de". La lista de características puede incluir opciones de accesibilidad, comodidades, formas de pago aceptadas y mucho más. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-feature-list></gmp-place-feature-list>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-feature-list></gmp-place-feature-list>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceFeatureListElementOptions.

Para acceder, llama al const {PlaceFeatureListElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceFeatureListElementOptions

Interfaz google.maps.places.PlaceFeatureListElementOptions

Opciones para PlaceFeatureListElement.

Clase PlaceOpeningHoursElement

Clase google.maps.places.PlaceOpeningHoursElement

Configura un PlaceDetailsElement para mostrar el horario de atención de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-opening-hours></gmp-place-opening-hours>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-opening-hours></gmp-place-opening-hours>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceOpeningHoursElementOptions.

Para acceder, llama al const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceOpeningHoursElementOptions

Interfaz google.maps.places.PlaceOpeningHoursElementOptions

Opciones para PlaceOpeningHoursElement.

Clase PlacePhoneNumberElement

Clase google.maps.places.PlacePhoneNumberElement

Configura un PlaceDetailsElement para mostrar el número de teléfono de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-phone-number></gmp-place-phone-number>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-phone-number></gmp-place-phone-number>

Esta clase extiende HTMLElement.

Esta clase implementa PlacePhoneNumberElementOptions.

Para acceder, llama al const {PlacePhoneNumberElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlacePhoneNumberElementOptions

Interfaz google.maps.places.PlacePhoneNumberElementOptions

Opciones para PlacePhoneNumberElement.

Clase PlacePlusCodeElement

Clase google.maps.places.PlacePlusCodeElement

Configura un PlaceDetailsElement para mostrar el Plus Code de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-plus-code></gmp-place-plus-code>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-plus-code></gmp-place-plus-code>

Esta clase extiende HTMLElement.

Esta clase implementa PlacePlusCodeElementOptions.

Para acceder, llama al const {PlacePlusCodeElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlacePlusCodeElementOptions

Interfaz google.maps.places.PlacePlusCodeElementOptions

Opciones para PlacePlusCodeElement.

Clase PlaceTypeSpecificHighlightsElement

Clase google.maps.places.PlaceTypeSpecificHighlightsElement

Configura un PlaceDetailsElement para mostrar los aspectos destacados específicos del tipo de lugar, como los precios de la gasolina y la disponibilidad de cargadores de VE. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
 </gmp-place-content-config>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceTypeSpecificHighlightsElementOptions.

Para acceder, llama al const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceTypeSpecificHighlightsElementOptions

Interfaz google.maps.places.PlaceTypeSpecificHighlightsElementOptions

Opciones para PlaceTypeSpecificHighlightsElement.

Clase PlaceWebsiteElement

Clase google.maps.places.PlaceWebsiteElement

Configura un PlaceDetailsElement para mostrar el sitio web de un lugar. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-website></gmp-place-website>
 </gmp-place-content-config>

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

Esta clase extiende HTMLElement.

Esta clase implementa PlaceWebsiteElementOptions.

Para acceder, llama al const {PlaceWebsiteElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceWebsiteElementOptions

Interfaz google.maps.places.PlaceWebsiteElementOptions

Opciones para PlaceWebsiteElement.

Clase PlaceAttributionElement

Clase google.maps.places.PlaceAttributionElement

Permite personalizar el texto de atribución de Google Maps en un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement. Para usar este elemento, agrégalo como elemento secundario de un PlaceContentConfigElement. Si se omite este elemento, la atribución se mostrará con los colores predeterminados. Por ejemplo: 

 <gmp-place-content-config>
   <gmp-place-attribution
      light-scheme-color="black"
      dark-scheme-color="white"
   ></gmp-place-attribution>
 </gmp-place-content-config>

Elemento personalizado:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>

Esta clase extiende HTMLElement.

Esta clase implementa PlaceAttributionElementOptions.

Para acceder, llama al const {PlaceAttributionElement} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
PlaceAttributionElement
PlaceAttributionElement([options])
Parámetros: 
darkSchemeColor
Tipo:  AttributionColor optional
La configuración predeterminada es AttributionColor.WHITE.
Es el color de la atribución de Google Maps en el modo oscuro.
Atributo HTML:
  • <gmp-place-attribution dark-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="gray"></gmp-place-attribution>
lightSchemeColor
Tipo:  AttributionColor optional
La configuración predeterminada es AttributionColor.GRAY.
Es el color de la atribución de Google Maps en el modo claro.
Atributo HTML:
  • <gmp-place-attribution light-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="gray"></gmp-place-attribution>
addEventListener
addEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que distingue mayúsculas de minúsculas y 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 retorno:  void
Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parámetros: 
  • type:  string Es una cadena que especifica el tipo de evento para el que se quitará un objeto de escucha de eventos.
  • listener:  EventListener|EventListenerObject Es 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 retorno:  void
Quita del destino un objeto de escucha de eventos registrado anteriormente con addEventListener. Consulta removeEventListener.

Interfaz PlaceAttributionElementOptions

Interfaz google.maps.places.PlaceAttributionElementOptions

Opciones para PlaceAttributionElement.
darkSchemeColor optional
Tipo:  AttributionColor optional
Consulta los PlaceAttributionElement.darkSchemeColor.
lightSchemeColor optional
Tipo:  AttributionColor optional
Consulta los PlaceAttributionElement.lightSchemeColor.

Constantes de AttributionColor

Constantes de google.maps.places.AttributionColor

Son las opciones de color para el texto de atribución de Google Maps. La atribución se puede personalizar para usar cualquiera de estos colores.

Para acceder, llama al const {AttributionColor} = await google.maps.importLibrary("places").
Consulta Bibliotecas de la API de Maps JavaScript.
BLACK Texto de atribución negro.
GRAY Texto de atribución gris.
WHITE Texto de atribución blanco.