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 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.

Específicamente para PlaceDetailsElement, también puedes agregar cualquiera de los siguientes elementos:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, 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.

Llama al const {PlaceContentConfigElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceContentConfigElement
PlaceContentConfigElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlaceAllContentElement

Clase google.maps.places.PlaceAllContentElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar todo el contenido disponible. Agrega este elemento como 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.

Llama al const {PlaceAllContentElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceAllContentElement
PlaceAllContentElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlaceAllContentElementOptions

Interfaz de 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 secundario para usarlo.
Para PlaceDetailsElement, el contenido estándar incluye lo siguiente:

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

Para PlaceDetailsCompactElement, el contenido estándar incluye lo siguiente:
  • media
  • clasificación
  • tipo
  • precio
  • Ícono de entrada accesible
  • Estado de abierto ahora

Para PlaceSearchElement, el contenido estándar incluye lo siguiente:
  • media
  • 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.

Llama al const {PlaceStandardContentElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceStandardContentElement
PlaceStandardContentElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlaceStandardContentElementOptions

Interfaz de 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. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

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>
preferredSize
Tipo:  MediaSize optional
Predeterminado: null
Tamaño de medios preferido en los casos en que se admiten varios tamaños, como el PlaceSearchElement vertical. El PlaceSearchElement vertical 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 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.
removeEventListener
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.
preferredSize optional
Tipo:  MediaSize optional
Consulta los PlaceMediaElement.preferredSize.

Constantes de MediaSize

Constantes de google.maps.places.MediaSize

Tamaño de medios preferido en los casos en que se admiten varios tamaños, como el PlaceSearchElement vertical.

Llama al const {MediaSize} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
LARGE El tamaño del contenido multimedia es grande.
MEDIUM Tamaño de medios mediano.
SMALL Tamaño de medios pequeño

Clase PlaceAddressElement

Clase google.maps.places.PlaceAddressElement

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar la dirección de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceAddressElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceAddressElement
PlaceAddressElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar la calificación de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceRatingElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceRatingElement
PlaceRatingElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar el tipo de lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceTypeElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceTypeElement
PlaceTypeElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement para mostrar el nivel de precios o el rango de precios de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlacePriceElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlacePriceElement
PlacePriceElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlacePriceElementOptions

Interfaz de 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. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlaceAccessibleEntranceIconElementOptions

Interfaz de 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 apertura o cierre de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Parámetros: 
addEventListener
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.
removeEventListener
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 PlaceOpenNowStatusElementOptions

Interfaz de google.maps.places.PlaceOpenNowStatusElementOptions

Opciones para PlaceOpenNowStatusElement.

Clase PlaceReviewsElement

Clase google.maps.places.PlaceReviewsElement

Configura un PlaceDetailsElement para mostrar las opiniones de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceReviewsElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
addEventListener
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.
removeEventListener
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 PlaceReviewsElementOptions

Interfaz de google.maps.places.PlaceReviewsElementOptions

Opciones para PlaceReviewsElement.

Clase PlaceSummaryElement

Clase google.maps.places.PlaceSummaryElement

Configura un PlaceDetailsElement para mostrar el resumen de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceSummaryElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
addEventListener
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.
removeEventListener
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 PlaceSummaryElementOptions

Interfaz de google.maps.places.PlaceSummaryElementOptions

Opciones para PlaceSummaryElement.

Clase PlaceFeatureListElement

Clase google.maps.places.PlaceFeatureListElement

Configura un PlaceDetailsElement para mostrar la lista de funciones de un lugar en la pestaña "Acerca de". La lista de funciones puede incluir opciones de accesibilidad, servicios, formas de pago aceptadas y mucho más. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceFeatureListElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
addEventListener
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.
removeEventListener
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 PlaceFeatureListElementOptions

Interfaz de 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. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
addEventListener
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.
removeEventListener
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 PlaceOpeningHoursElementOptions

Interfaz de 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. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlacePhoneNumberElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
addEventListener
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.
removeEventListener
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 PlacePhoneNumberElementOptions

Interfaz de google.maps.places.PlacePhoneNumberElementOptions

Opciones para PlacePhoneNumberElement.

Clase PlacePlusCodeElement

Clase google.maps.places.PlacePlusCodeElement

Configura un PlaceDetailsElement para mostrar el código plus de un lugar. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlacePlusCodeElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
addEventListener
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.
removeEventListener
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 PlacePlusCodeElementOptions

Interfaz de 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 para VE. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
addEventListener
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.
removeEventListener
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 PlaceTypeSpecificHighlightsElementOptions

Interfaz de 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. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. 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.

Llama al const {PlaceWebsiteElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
addEventListener
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.
removeEventListener
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 PlaceWebsiteElementOptions

Interfaz de 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. Agrega este elemento como secundario de un PlaceContentConfigElement para usarlo. Si se omite este elemento, la atribución se seguirá mostrando 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.

Llama al const {PlaceAttributionElement} = await google.maps.importLibrary("places") para acceder.
Consulta Bibliotecas en la API de Maps JavaScript.
PlaceAttributionElement
PlaceAttributionElement([options])
Parámetros: 
darkSchemeColor
Tipo:  AttributionColor optional
Predeterminado: AttributionColor.WHITE
Color de la atribución de Google Maps en 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
Predeterminado: AttributionColor.GRAY
Color de la atribución de Google Maps en 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 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.
removeEventListener
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 PlaceAttributionElementOptions

Interfaz de 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.

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