Place Widget Content Customization

Clase PlaceContentConfigElement

class google.maps.places.PlaceContentConfigElement extends HTMLElement implements PlaceContentConfigElementOptions
library "places"

Obsoleto: Agrega elementos de contenido o elementos predeterminados (PlaceAllContentElement, PlaceStandardContentElement) directamente a PlaceDetailsElement o PlaceDetailsCompactElement, o dentro de un elemento secundario <template slot="details-item"> en PlaceSearchElement. Por el momento, no se prevé descontinuar PlaceContentConfigElement. Se enviará una notificación al menos 12 meses antes de descontinuar la asistencia técnica. Consulta https://developers.google.com/maps/deprecations para obtener más detalles.

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> 

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

const {PlaceContentConfigElement} = await google.maps.importLibrary("places");

Constructor
PlaceContentConfigElement	PlaceContentConfigElement([options]) Parámetros: options: PlaceContentConfigElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceContentConfigElementOptions

interfaz google.maps.places.PlaceContentConfigElementOptions
implementada por PlaceContentConfigElement

Obsoleto: Agrega elementos de contenido o elementos predeterminados (PlaceAllContentElement, PlaceStandardContentElement) directamente a PlaceDetailsElement o PlaceDetailsCompactElement, o dentro de un elemento secundario <template slot="details-item"> en PlaceSearchElement. Por el momento, no se prevé descontinuar PlaceContentConfigElement. Se enviará una notificación al menos 12 meses antes de descontinuar la asistencia técnica. Consulta https://developers.google.com/maps/deprecations para obtener más detalles.

Opciones para PlaceContentConfigElement.

Clase PlaceAllContentElement

class google.maps.places.PlaceAllContentElement extends HTMLElement implements PlaceAllContentElementOptions
library "places"

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>
 

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

const {PlaceAllContentElement} = await google.maps.importLibrary("places");

Constructor
PlaceAllContentElement	PlaceAllContentElement([options]) Parámetros: options: PlaceAllContentElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceAllContentElementOptions

interfaz google.maps.places.PlaceAllContentElementOptions
implementada por PlaceAllContentElement

Opciones para PlaceAllContentElement.

Clase PlaceStandardContentElement

class google.maps.places.PlaceStandardContentElement extends HTMLElement implements PlaceStandardContentElementOptions
library "places"

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>
 

<gmp-place-standard-content></gmp-place-standard-content>

const {PlaceStandardContentElement} = await google.maps.importLibrary("places");

Constructor
PlaceStandardContentElement	PlaceStandardContentElement([options]) Parámetros: options: PlaceStandardContentElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceStandardContentElementOptions

interfaz google.maps.places.PlaceStandardContentElementOptions
implementada por PlaceStandardContentElement

Opciones para PlaceStandardContentElement.

Clase PlaceMediaElement

class google.maps.places.PlaceMediaElement extends HTMLElement implements PlaceMediaElementOptions
library "places"

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>
 

<gmp-place-media
  lightbox-preferred
  preferred-size="value-name">
</gmp-place-media>

const {PlaceMediaElement} = await google.maps.importLibrary("places");

Constructor
PlaceMediaElement	PlaceMediaElement([options]) Parámetros: options: PlaceMediaElementOptions optional

Propiedades
lightboxPreferred attr: lightbox-preferred	Tipo de entrada: boolean optional Tipo de salida: boolean 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: lightbox-preferred
preferredSize attr: preferred-size	Tipo de entrada: MediaSize optional Tipo de salida: 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: preferred-size="value-name"

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceMediaElementOptions

interfaz google.maps.places.PlaceMediaElementOptions
implementada por PlaceMediaElement

Opciones para PlaceMediaElement.

Propiedades
lightboxPreferred opcional	Tipo: boolean optional Consulta los PlaceMediaElement.lightboxPreferred.
preferredSize opcional	Tipo: MediaSize optional Consulta los PlaceMediaElement.preferredSize.

Constantes de MediaSize

constantes google.maps.places.MediaSize
biblioteca "places"

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

Estas constantes también se pueden usar como cadenas. En TypeScript, los literales de cadena se definen con el tipo MediaSizeString.

const {MediaSize} = await google.maps.importLibrary("places");

Constantes
LARGE	Tamaño de contenido multimedia grande.
MEDIUM	Tamaño de contenido multimedia mediano.
SMALL	Tamaño de contenido multimedia pequeño.

Clase PlaceAddressElement

class google.maps.places.PlaceAddressElement extends HTMLElement implements PlaceAddressElementOptions
library "places"

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>
 

<gmp-place-address></gmp-place-address>

const {PlaceAddressElement} = await google.maps.importLibrary("places");

Constructor
PlaceAddressElement	PlaceAddressElement([options]) Parámetros: options: PlaceAddressElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceAddressElementOptions

interfaz google.maps.places.PlaceAddressElementOptions
implementada por PlaceAddressElement

Opciones para PlaceAddressElement.

Clase PlaceRatingElement

class google.maps.places.PlaceRatingElement extends HTMLElement implements PlaceRatingElementOptions
library "places"

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>
 

<gmp-place-rating></gmp-place-rating>

const {PlaceRatingElement} = await google.maps.importLibrary("places");

Constructor
PlaceRatingElement	PlaceRatingElement([options]) Parámetros: options: PlaceRatingElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceRatingElementOptions

interfaz google.maps.places.PlaceRatingElementOptions
implementada por PlaceRatingElement

Opciones para PlaceRatingElement.

Clase PlaceTypeElement

class google.maps.places.PlaceTypeElement extends HTMLElement implements PlaceTypeElementOptions
library "places"

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>
 

<gmp-place-type></gmp-place-type>

const {PlaceTypeElement} = await google.maps.importLibrary("places");

Constructor
PlaceTypeElement	PlaceTypeElement([options]) Parámetros: options: PlaceTypeElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceTypeElementOptions

interfaz google.maps.places.PlaceTypeElementOptions
implementada por PlaceTypeElement

Opciones para PlaceTypeElement.

Clase PlacePriceElement

class google.maps.places.PlacePriceElement extends HTMLElement implements PlacePriceElementOptions
library "places"

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>
 

<gmp-place-price></gmp-place-price>

const {PlacePriceElement} = await google.maps.importLibrary("places");

Constructor
PlacePriceElement	PlacePriceElement([options]) Parámetros: options: PlacePriceElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlacePriceElementOptions

interfaz google.maps.places.PlacePriceElementOptions
implementada por PlacePriceElement

Opciones para PlacePriceElement.

Clase PlaceAccessibleEntranceIconElement

class google.maps.places.PlaceAccessibleEntranceIconElement extends HTMLElement implements PlaceAccessibleEntranceIconElementOptions
library "places"

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>
 

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

const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places");

Constructor
PlaceAccessibleEntranceIconElement	PlaceAccessibleEntranceIconElement([options]) Parámetros: options: PlaceAccessibleEntranceIconElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceAccessibleEntranceIconElementOptions

interfaz google.maps.places.PlaceAccessibleEntranceIconElementOptions
implementada por PlaceAccessibleEntranceIconElement

Opciones para PlaceAccessibleEntranceIconElement.

Clase PlaceOpenNowStatusElement

class google.maps.places.PlaceOpenNowStatusElement extends HTMLElement implements PlaceOpenNowStatusElementOptions
library "places"

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>
 

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

const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places");

Constructor
PlaceOpenNowStatusElement	PlaceOpenNowStatusElement([options]) Parámetros: options: PlaceOpenNowStatusElementOptions optional

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceOpenNowStatusElementOptions

interfaz google.maps.places.PlaceOpenNowStatusElementOptions
implementada por PlaceOpenNowStatusElement

Opciones para PlaceOpenNowStatusElement.

Clase PlaceReviewSummaryElement

class google.maps.places.PlaceReviewSummaryElement extends HTMLElement implements PlaceReviewSummaryElementOptions
library "places"

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>
 

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

const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceReviewSummaryElementOptions

interfaz google.maps.places.PlaceReviewSummaryElementOptions
implementada por PlaceReviewSummaryElement

Opciones para PlaceReviewSummaryElement.

Clase PlaceReviewsElement

class google.maps.places.PlaceReviewsElement extends HTMLElement implements PlaceReviewsElementOptions
library "places"

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>
 

<gmp-place-reviews></gmp-place-reviews>

const {PlaceReviewsElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceReviewsElementOptions

interfaz google.maps.places.PlaceReviewsElementOptions
implementada por PlaceReviewsElement

Opciones para PlaceReviewsElement.

Clase PlaceSummaryElement

class google.maps.places.PlaceSummaryElement extends HTMLElement implements PlaceSummaryElementOptions
library "places"

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>
 

<gmp-place-summary></gmp-place-summary>

const {PlaceSummaryElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceSummaryElementOptions

interfaz google.maps.places.PlaceSummaryElementOptions
implementada por PlaceSummaryElement

Opciones para PlaceSummaryElement.

Clase PlaceFeatureListElement

class google.maps.places.PlaceFeatureListElement extends HTMLElement implements PlaceFeatureListElementOptions
library "places"

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>
 

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

const {PlaceFeatureListElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceFeatureListElementOptions

interfaz google.maps.places.PlaceFeatureListElementOptions
implementada por PlaceFeatureListElement

Opciones para PlaceFeatureListElement.

Clase PlaceOpeningHoursElement

class google.maps.places.PlaceOpeningHoursElement extends HTMLElement implements PlaceOpeningHoursElementOptions
library "places"

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>
 

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

const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceOpeningHoursElementOptions

interfaz google.maps.places.PlaceOpeningHoursElementOptions
implementada por PlaceOpeningHoursElement

Opciones para PlaceOpeningHoursElement.

Clase PlacePhoneNumberElement

class google.maps.places.PlacePhoneNumberElement extends HTMLElement implements PlacePhoneNumberElementOptions
library "places"

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>
 

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

const {PlacePhoneNumberElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlacePhoneNumberElementOptions

interfaz google.maps.places.PlacePhoneNumberElementOptions
implementada por PlacePhoneNumberElement

Opciones para PlacePhoneNumberElement.

Clase PlacePlusCodeElement

class google.maps.places.PlacePlusCodeElement extends HTMLElement implements PlacePlusCodeElementOptions
library "places"

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>
 

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

const {PlacePlusCodeElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlacePlusCodeElementOptions

interfaz google.maps.places.PlacePlusCodeElementOptions
implementada por PlacePlusCodeElement

Opciones para PlacePlusCodeElement.

Clase PlaceTypeSpecificHighlightsElement

class google.maps.places.PlaceTypeSpecificHighlightsElement extends HTMLElement implements PlaceTypeSpecificHighlightsElementOptions
library "places"

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>
 

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

const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceTypeSpecificHighlightsElementOptions

interfaz google.maps.places.PlaceTypeSpecificHighlightsElementOptions
implementada por PlaceTypeSpecificHighlightsElement

Opciones para PlaceTypeSpecificHighlightsElement.

Clase PlaceWebsiteElement

class google.maps.places.PlaceWebsiteElement extends HTMLElement implements PlaceWebsiteElementOptions
library "places"

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>
 

<gmp-place-website></gmp-place-website>

const {PlaceWebsiteElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceWebsiteElementOptions

interfaz google.maps.places.PlaceWebsiteElementOptions
implementada por PlaceWebsiteElement

Opciones para PlaceWebsiteElement.

Clase PlaceAttributionElement

class google.maps.places.PlaceAttributionElement extends HTMLElement implements PlaceAttributionElementOptions
library "places"

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>
 

<gmp-place-attribution
  dark-scheme-color="value-name"
  light-scheme-color="value-name">
</gmp-place-attribution>

const {PlaceAttributionElement} = await google.maps.importLibrary("places");

Constructor
PlaceAttributionElement	PlaceAttributionElement([options]) Parámetros: options: PlaceAttributionElementOptions optional

Propiedades
darkSchemeColor attr: dark-scheme-color	Tipo de entrada: AttributionColor optional Tipo de salida: AttributionColor La configuración predeterminada es AttributionColor.WHITE. Es el color de la atribución de Google Maps en el modo oscuro. Atributo HTML: dark-scheme-color="value-name"
lightSchemeColor attr: light-scheme-color	Tipo de entrada: AttributionColor optional Tipo de salida: AttributionColor La configuración predeterminada es AttributionColor.GRAY. Es el color de la atribución de Google Maps en el modo claro. Atributo HTML: light-scheme-color="value-name"

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceAttributionElementOptions

interfaz google.maps.places.PlaceAttributionElementOptions
implementada por PlaceAttributionElement

Opciones para PlaceAttributionElement.

Propiedades
darkSchemeColor opcional	Tipo: AttributionColor optional Consulta los PlaceAttributionElement.darkSchemeColor.
lightSchemeColor opcional	Tipo: AttributionColor optional Consulta los PlaceAttributionElement.lightSchemeColor.

Constantes de AttributionColor

constantes google.maps.places.AttributionColor
biblioteca "places"

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.

Estas constantes también se pueden usar como cadenas. En TypeScript, los literales de cadena se definen con el tipo AttributionColorString.

const {AttributionColor} = await google.maps.importLibrary("places");

Constantes
BLACK	Texto de atribución negro.
GRAY	Texto de atribución gris.
WHITE	Texto de atribución blanco.

Clase PlaceButtonElement

class google.maps.places.PlaceButtonElement extends HTMLElement implements PlaceButtonElementOptions
library "places"

Muestra un botón insertado en el espacio action-main o action-corner. PlaceButtonElement no tiene un comportamiento predeterminado. Adjunta un objeto de escucha de eventos al elemento para definir su comportamiento. De forma predeterminada, el botón se mostrará en el espacio action-main.

<gmp-place-button
  action-aria-label="string"
  label="string">
</gmp-place-button>

const {PlaceButtonElement} = await google.maps.importLibrary("places");

Propiedades
actionAriaLabel attr: action-aria-label	Tipo: string optional La configuración predeterminada es undefined. Es la etiqueta de ARIA para el control interno. Los controles que solo tienen íconos siempre deben tener un aria-label para describir su propósito y comportamiento. Los controles renderizados en la esquina no muestran una etiqueta, por lo que se recomienda usar un aria-label en lugar de la etiqueta para los controles de esquina. Atributo HTML: action-aria-label="string"
label attr: label	Tipo: string optional La configuración predeterminada es undefined. Es la etiqueta que se mostrará en el control. En el caso de los vínculos con tipos de acciones predefinidos, se ignora este atributo. Los vínculos y botones que se renderizan en el espacio de la esquina de acción no muestran una etiqueta. En su lugar, se recomienda usar el atributo action-aria-label para los controles de esquina. Atributo HTML: label="string"

Ranuras
icon-start	Es un espacio para el contenido del ícono que comienza antes de la etiqueta. Se usa para los controles de acción principales y de esquina. Cuando un control se contrae a su estado de esquina, se renderiza el contenido de este espacio.

Piezas
button	Es una parte de CSS que se orienta al elemento de control interno.

Métodos
Heredado: addEventListener, removeEventListener

Eventos
gmp-click	function(event) Argumentos: event: PlaceActionEvent optional Se activa cuando se hace clic en el control.

Interfaz PlaceButtonElementOptions

interfaz google.maps.places.PlaceButtonElementOptions
implementada por PlaceButtonElement

Opciones para PlaceButtonElement.

Propiedades
actionAriaLabel opcional	Tipo: string optional Es la etiqueta de ARIA para el control interno. Los controles que solo tienen íconos siempre deben tener un aria-label para describir su propósito y comportamiento. Los controles renderizados en la esquina no muestran una etiqueta, por lo que se recomienda usar un aria-label en lugar de la etiqueta para los controles de esquina.
label opcional	Tipo: string optional Es la etiqueta que se mostrará en el control. En el caso de los vínculos con tipos de acciones predefinidos, se ignora este atributo. Los vínculos y botones que se renderizan en el espacio de la esquina de acción no muestran una etiqueta. En su lugar, se recomienda usar el atributo action-aria-label para los controles de esquina.

Clase PlaceLinkElement

class google.maps.places.PlaceLinkElement extends HTMLElement implements PlaceLinkElementOptions
library "places"

Muestra un vínculo insertado en el espacio action-main o action-corner. De forma predeterminada, el vínculo se mostrará en el espacio action-main. Usa el atributo action para especificar el comportamiento del vínculo. Hay varios tipos de acciones disponibles para usar que se enumeran en ActionLinkType. Para un vínculo personalizado, especifica el tipo de acción custom y establece los atributos href y label.

<gmp-place-link
  action="value-name"
  action-aria-label="string"
  default-icon-hidden
  href="string"
  label="string"
  target="string">
</gmp-place-link>

const {PlaceLinkElement} = await google.maps.importLibrary("places");

Propiedades
action attr: action	Tipo: ActionLinkType optional Es el tipo de acción que se realizará cuando se haga clic en el vínculo. Determina la etiqueta, el ícono y el href de destino predeterminados del vínculo. Usa el tipo custom y especifica el atributo href para establecer un destino de forma manual. Atributo HTML: action="value-name"
actionAriaLabel attr: action-aria-label	Tipo: string optional La configuración predeterminada es undefined. Es la etiqueta de ARIA para el control interno. Los controles que solo tienen íconos siempre deben tener un aria-label para describir su propósito y comportamiento. Los controles renderizados en la esquina no muestran una etiqueta, por lo que se recomienda usar un aria-label en lugar de la etiqueta para los controles de esquina. Atributo HTML: action-aria-label="string"
defaultIconHidden attr: default-icon-hidden	Tipo de entrada: boolean optional Tipo de salida: boolean La configuración predeterminada es false. Indica si el ícono predeterminado está oculto para todos los tipos de vínculos, excepto los personalizados. Atributo HTML: default-icon-hidden
href attr: href	Tipo: string optional La configuración predeterminada es undefined. Es la URL que se abrirá cuando se haga clic en el vínculo. Solo se usa cuando el atributo action se establece en custom. Atributo HTML: href="string"
label attr: label	Tipo: string optional La configuración predeterminada es undefined. Es la etiqueta que se mostrará en el control. En el caso de los vínculos con tipos de acciones predefinidos, se ignora este atributo. Los vínculos y botones que se renderizan en el espacio de la esquina de acción no muestran una etiqueta. En su lugar, se recomienda usar el atributo action-aria-label para los controles de esquina. Atributo HTML: label="string"
target attr: target	Tipo: string optional La configuración predeterminada es undefined. Determina dónde se abre el vínculo. Consulta https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target. Atributo HTML: target="string"

Ranuras
icon-start	Es un espacio para el contenido del ícono que comienza antes de la etiqueta. Se usa para los controles de acción principales y de esquina. Cuando un control se contrae a su estado de esquina, se renderiza el contenido de este espacio.

Piezas
button	Es una parte de CSS que se orienta al elemento de control interno.

Métodos
Heredado: addEventListener, removeEventListener

Eventos
gmp-click	function(event) Argumentos: event: PlaceActionEvent optional Se activa cuando se hace clic en el control.

Interfaz PlaceLinkElementOptions

interfaz google.maps.places.PlaceLinkElementOptions
implementada por PlaceLinkElement

Opciones para PlaceLinkElement.

Propiedades
action opcional	Tipo: ActionLinkType optional Consulta los PlaceLinkElement.action.
actionAriaLabel opcional	Tipo: string optional Es la etiqueta de ARIA para el control interno. Los controles que solo tienen íconos siempre deben tener un aria-label para describir su propósito y comportamiento. Los controles renderizados en la esquina no muestran una etiqueta, por lo que se recomienda usar un aria-label en lugar de la etiqueta para los controles de esquina.
href opcional	Tipo: string optional Consulta los PlaceLinkElement.href.
label opcional	Tipo: string optional Es la etiqueta que se mostrará en el control. En el caso de los vínculos con tipos de acciones predefinidos, se ignora este atributo. Los vínculos y botones que se renderizan en el espacio de la esquina de acción no muestran una etiqueta. En su lugar, se recomienda usar el atributo action-aria-label para los controles de esquina.
target opcional	Tipo: string optional Consulta los PlaceLinkElement.target.

Constantes de ActionLinkType

constantes google.maps.places.ActionLinkType
biblioteca "places"

Es la acción que realiza un PlaceLinkElement cuando se hace clic en él. Determina el ícono, la etiqueta y el destino de href.

Estas constantes también se pueden usar como cadenas. En TypeScript, los literales de cadena se definen con el tipo ActionLinkTypeString.

const {ActionLinkType} = await google.maps.importLibrary("places");

Constantes
CALL	Activa un vínculo tel: para llamar al lugar. El comportamiento depende del sistema operativo.
CUSTOM	Usa este tipo de acción para los vínculos personalizados. Cuando se usa este tipo de acción, se debe establecer el atributo href en PlaceLinkElement.
OPEN_DIRECTIONS	Abre las instrucciones sobre cómo llegar al lugar en la ubicación especificada por PlaceLinkElement.target.
OPEN_MAP	Abre el mapa en la ubicación especificada por PlaceLinkElement.target.
OPEN_WEBSITE	Abre el sitio web del lugar en la ubicación especificada por PlaceLinkElement.target.

Constantes de ActionButtonPosition

constantes google.maps.places.ActionButtonPosition
biblioteca "places"

Es la posición asignada del control en el widget de Place Details.

Estas constantes también se pueden usar como cadenas. En TypeScript, los literales de cadena se definen con el tipo ActionButtonPositionString.

const {ActionButtonPosition} = await google.maps.importLibrary("places");

Constantes
ACTION_CORNER	El control se renderiza en la esquina del widget. Los controles de esquina solo renderizan un ícono.
ACTION_MAIN	El control se renderiza en el área de contenido principal del widget. Se renderizan las etiquetas y los íconos.

Clase PlaceActionEvent

class google.maps.places.PlaceActionEvent extends Event
library "places"

Es el evento que se activa cuando se hace clic en el botón de acción.

const {PlaceActionEvent} = await google.maps.importLibrary("places");

Propiedades
place readonly	Tipo: Place Es el lugar en el que se hizo clic.

Clase PlaceNameElement

class google.maps.places.PlaceNameElement extends HTMLElement implements PlaceNameElementOptions
library "places"

Muestra el nombre de un lugar dentro de un elemento de detalles del lugar.

<gmp-place-name></gmp-place-name>

const {PlaceNameElement} = await google.maps.importLibrary("places");

Métodos
Heredado: addEventListener, removeEventListener

Interfaz PlaceNameElementOptions

interfaz google.maps.places.PlaceNameElementOptions
implementada por PlaceNameElement

Opciones para PlaceNameElement.