O Google usa tecnologia de IA na tradução de conteúdos para seu idioma de preferência. As traduções com IA podem ter erros.

Place Widget Content Customization

Classe PlaceContentConfigElement

classe google.maps.places.PlaceContentConfigElement estende HTMLElement implementa PlaceContentConfigElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar um conjunto personalizado de conteúdo. Anexe esse elemento como filho para usá-lo.

Para PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement, adicione qualquer um dos seguintes elementos ao final de PlaceContentConfigElement para mostrar o conteúdo correspondente:
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

No caso específico de PlaceDetailsElement, também é possível anexar qualquer um dos seguintes elementos:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

A ordem dos filhos não importa. O elemento renderiza o conteúdo em uma ordem padrão que não é personalizável. Exemplo:

 <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");

Construtor
`PlaceContentConfigElement`	`PlaceContentConfigElement([options])` Parâmetros: `options: PlaceContentConfigElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceContentConfigElementOptions

interface google.maps.places.PlaceContentConfigElementOptions
implementada por PlaceContentConfigElement

Opções para PlaceContentConfigElement.

Classe PlaceAllContentElement

classe google.maps.places.PlaceAllContentElement estende HTMLElement implementa PlaceAllContentElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar todo o conteúdo disponível. Anexe esse elemento como filho para usá-lo. Exemplo:

 <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");

Construtor
`PlaceAllContentElement`	`PlaceAllContentElement([options])` Parâmetros: `options: PlaceAllContentElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceAllContentElementOptions

interface google.maps.places.PlaceAllContentElementOptions
implementada por PlaceAllContentElement

Opções para PlaceAllContentElement.

Classe PlaceStandardContentElement

classe google.maps.places.PlaceStandardContentElement estende HTMLElement implementa PlaceStandardContentElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar um repositório curricular de conteúdo. Anexe esse elemento como filho para usá-lo.
Para PlaceDetailsElement, o conteúdo padrão consiste em:

mídia
endereço
classificação
tipo
preço
ícone de entrada acessível
site
número de telefone
horário de funcionamento
resumo
destaques específicos do tipo
de avaliações
lista de recursos

Para o PlaceDetailsCompactElement, o conteúdo padrão consiste em:

mídia
classificação
tipo
preço
ícone de entrada acessível
status "aberto agora"

Para o PlaceSearchElement, o conteúdo padrão consiste em:

mídia
classificação
tipo
preço
ícone de entrada acessível

Por exemplo:

 <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");

Construtor
`PlaceStandardContentElement`	`PlaceStandardContentElement([options])` Parâmetros: `options: PlaceStandardContentElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceStandardContentElementOptions

interface google.maps.places.PlaceStandardContentElementOptions
implementada por PlaceStandardContentElement

Opções para PlaceStandardContentElement.

Classe PlaceMediaElement

classe google.maps.places.PlaceMediaElement estende HTMLElement implementa PlaceMediaElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar a mídia de um lugar, como fotos. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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");

Construtor
`PlaceMediaElement`	`PlaceMediaElement([options])` Parâmetros: `options: PlaceMediaElementOptions optional`

Propriedades
`lightboxPreferred` attr: lightbox-preferred	Tipo de entrada: `boolean optional` Tipo de saída: `boolean` Padrão: `false` Ativa ou desativa a lightbox de mídia, nos casos em que as duas opções são aceitas. Atributo HTML: `lightbox-preferred`
`preferredSize` attr: preferred-size	Tipo de entrada: `MediaSize optional` Tipo de saída: `MediaSize optional` Padrão: `null` O tamanho de mídia preferencial nos casos em que vários tamanhos são aceitos, como o vertical `PlaceSearchElement`. A vertical `PlaceSearchElement` vai usar `MediaSize.SMALL` por padrão se isso não for especificado. Atributo HTML: `preferred-size="value-name"`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceMediaElementOptions

interface google.maps.places.PlaceMediaElementOptions
implementada por PlaceMediaElement

Opções para PlaceMediaElement.

Propriedades
`lightboxPreferred` opcional	Tipo: `boolean optional` Consulte `PlaceMediaElement.lightboxPreferred`.
`preferredSize` opcional	Tipo: `MediaSize optional` Consulte `PlaceMediaElement.preferredSize`.

Constantes MediaSize

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

O tamanho de mídia preferencial nos casos em que vários tamanhos são aceitos, como o vertical PlaceSearchElement.

Essas constantes também podem ser usadas como strings. No TypeScript, os literais de string são definidos pelo tipo MediaSizeString.

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

Constantes
`LARGE`	Tamanho de mídia grande.
`MEDIUM`	Tamanho de mídia médio.
`SMALL`	Tamanho de mídia pequeno.

Classe PlaceAddressElement

classe google.maps.places.PlaceAddressElement estende HTMLElement implementa PlaceAddressElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar o endereço de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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");

Construtor
`PlaceAddressElement`	`PlaceAddressElement([options])` Parâmetros: `options: PlaceAddressElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceAddressElementOptions

interface google.maps.places.PlaceAddressElementOptions
implementada por PlaceAddressElement

Opções para PlaceAddressElement.

Classe PlaceRatingElement

classe google.maps.places.PlaceRatingElement estende HTMLElement implementa PlaceRatingElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar a classificação de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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");

Construtor
`PlaceRatingElement`	`PlaceRatingElement([options])` Parâmetros: `options: PlaceRatingElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceRatingElementOptions

interface google.maps.places.PlaceRatingElementOptions
implementada por PlaceRatingElement

Opções para PlaceRatingElement.

Classe PlaceTypeElement

classe google.maps.places.PlaceTypeElement estende HTMLElement implementa PlaceTypeElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar o tipo de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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");

Construtor
`PlaceTypeElement`	`PlaceTypeElement([options])` Parâmetros: `options: PlaceTypeElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceTypeElementOptions

interface google.maps.places.PlaceTypeElementOptions
implementada por PlaceTypeElement

Opções para PlaceTypeElement.

Classe PlacePriceElement

classe google.maps.places.PlacePriceElement estende HTMLElement implementa PlacePriceElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar o nível ou a faixa de preço de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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");

Construtor
`PlacePriceElement`	`PlacePriceElement([options])` Parâmetros: `options: PlacePriceElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlacePriceElementOptions

interface google.maps.places.PlacePriceElementOptions
implementada por PlacePriceElement

Opções para PlacePriceElement.

Classe PlaceAccessibleEntranceIconElement

classe google.maps.places.PlaceAccessibleEntranceIconElement estende HTMLElement implementa PlaceAccessibleEntranceIconElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar um ícone de cadeira de rodas se o lugar tiver uma entrada acessível. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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");

Construtor
`PlaceAccessibleEntranceIconElement`	`PlaceAccessibleEntranceIconElement([options])` Parâmetros: `options: PlaceAccessibleEntranceIconElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceAccessibleEntranceIconElementOptions

interface google.maps.places.PlaceAccessibleEntranceIconElementOptions
implementada por PlaceAccessibleEntranceIconElement

Opções para PlaceAccessibleEntranceIconElement.

Classe PlaceOpenNowStatusElement

classe google.maps.places.PlaceOpenNowStatusElement estende HTMLElement implementa PlaceOpenNowStatusElementOptions
biblioteca "places"

Configura um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement para mostrar se um lugar está aberto ou fechado. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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");

Construtor
`PlaceOpenNowStatusElement`	`PlaceOpenNowStatusElement([options])` Parâmetros: `options: PlaceOpenNowStatusElementOptions optional`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceOpenNowStatusElementOptions

interface google.maps.places.PlaceOpenNowStatusElementOptions
implementada por PlaceOpenNowStatusElement

Opções para PlaceOpenNowStatusElement.

Classe PlaceReviewSummaryElement

classe google.maps.places.PlaceReviewSummaryElement estende HTMLElement implementa PlaceReviewSummaryElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar o resumo das avaliações de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceReviewSummaryElementOptions

interface google.maps.places.PlaceReviewSummaryElementOptions
implementada por PlaceReviewSummaryElement

Opções para PlaceReviewSummaryElement.

Classe PlaceReviewsElement

classe google.maps.places.PlaceReviewsElement estende HTMLElement implementa PlaceReviewsElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar as avaliações de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

PlaceReviewsElementOptions

interface google.maps.places.PlaceReviewsElementOptions
implementada por PlaceReviewsElement

Opções para PlaceReviewsElement.

Classe PlaceSummaryElement

classe google.maps.places.PlaceSummaryElement estende HTMLElement implementa PlaceSummaryElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar o resumo de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceSummaryElementOptions

interface google.maps.places.PlaceSummaryElementOptions
implementada por PlaceSummaryElement

Opções para PlaceSummaryElement.

Classe PlaceFeatureListElement

classe google.maps.places.PlaceFeatureListElement estende HTMLElement implementa PlaceFeatureListElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar uma lista de recursos de um lugar na guia "Sobre". A lista de recursos pode incluir opções de acessibilidade, comodidades, formas de pagamento aceitas e muito mais. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceFeatureListElementOptions

interface google.maps.places.PlaceFeatureListElementOptions
implementada por PlaceFeatureListElement

Opções para PlaceFeatureListElement.

Classe PlaceOpeningHoursElement

classe google.maps.places.PlaceOpeningHoursElement estende HTMLElement implementa PlaceOpeningHoursElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar o horário de funcionamento de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceOpeningHoursElementOptions

interface google.maps.places.PlaceOpeningHoursElementOptions
implementada por PlaceOpeningHoursElement

Opções para PlaceOpeningHoursElement.

Classe PlacePhoneNumberElement

classe google.maps.places.PlacePhoneNumberElement estende HTMLElement implementa PlacePhoneNumberElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar o número de telefone de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

Interface PlacePhoneNumberElementOptions

interface google.maps.places.PlacePhoneNumberElementOptions
implementada por PlacePhoneNumberElement

Opções para PlacePhoneNumberElement.

Classe PlacePlusCodeElement

classe google.maps.places.PlacePlusCodeElement estende HTMLElement implementa PlacePlusCodeElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar o Plus Code de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

Interface PlacePlusCodeElementOptions

interface google.maps.places.PlacePlusCodeElementOptions
implementada por PlacePlusCodeElement

Opções para PlacePlusCodeElement.

Classe PlaceTypeSpecificHighlightsElement

classe google.maps.places.PlaceTypeSpecificHighlightsElement estende HTMLElement implementa PlaceTypeSpecificHighlightsElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar os destaques específicos do tipo de um lugar, como preços de combustível e disponibilidade de carregadores de VE. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceTypeSpecificHighlightsElementOptions

interface google.maps.places.PlaceTypeSpecificHighlightsElementOptions
implementada por PlaceTypeSpecificHighlightsElement

Opções para PlaceTypeSpecificHighlightsElement.

Classe PlaceWebsiteElement

classe google.maps.places.PlaceWebsiteElement estende HTMLElement implementa PlaceWebsiteElementOptions
biblioteca "places"

Configura um PlaceDetailsElement para mostrar o site de um lugar. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Exemplo:

 <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
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceWebsiteElementOptions

interface google.maps.places.PlaceWebsiteElementOptions
implementada por PlaceWebsiteElement

Opções para PlaceWebsiteElement.

Classe PlaceAttributionElement

classe google.maps.places.PlaceAttributionElement estende HTMLElement implementa PlaceAttributionElementOptions
biblioteca "places"

Permite a personalização do texto de atribuição do Google Maps em um PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement. Anexe esse elemento como filho de um PlaceContentConfigElement para usá-lo. Se esse elemento for omitido, a atribuição ainda será mostrada com as cores padrão. Exemplo:

 <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");

Construtor
`PlaceAttributionElement`	`PlaceAttributionElement([options])` Parâmetros: `options: PlaceAttributionElementOptions optional`

Propriedades
`darkSchemeColor` attr: dark-scheme-color	Tipo de entrada: `AttributionColor optional` Tipo de saída: `AttributionColor` Padrão: `AttributionColor.WHITE` A cor da atribuição do Google Maps no modo escuro. Atributo HTML: `dark-scheme-color="value-name"`
`lightSchemeColor` attr: light-scheme-color	Tipo de entrada: `AttributionColor optional` Tipo de saída: `AttributionColor` Padrão: `AttributionColor.GRAY` A cor da atribuição do Google Maps no modo claro. Atributo HTML: `light-scheme-color="value-name"`

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceAttributionElementOptions

interface google.maps.places.PlaceAttributionElementOptions
implementada por PlaceAttributionElement

Opções para PlaceAttributionElement.

Propriedades
`darkSchemeColor` opcional	Tipo: `AttributionColor optional` Consulte `PlaceAttributionElement.darkSchemeColor`.
`lightSchemeColor` opcional	Tipo: `AttributionColor optional` Consulte `PlaceAttributionElement.lightSchemeColor`.

Constantes AttributionColor

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

Opções de cores para o texto de atribuição do Google Maps. A atribuição pode ser personalizada para usar qualquer uma dessas cores.

Essas constantes também podem ser usadas como strings. No TypeScript, os literais de string são definidos pelo tipo AttributionColorString.

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

Constantes
`BLACK`	Texto de atribuição preto.
`GRAY`	Texto de atribuição cinza.
`WHITE`	Texto de atribuição branco.

Classe PlaceButtonElement

classe google.maps.places.PlaceButtonElement estende HTMLElement implementa PlaceButtonElementOptions
biblioteca "places"

Mostra um botão inserido no slot action-main ou action-corner. PlaceButtonElement não tem comportamento padrão. Anexe um listener de eventos ao elemento para definir o comportamento dele. Por padrão, o botão vai aparecer no slot action-main.

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

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

Propriedades
`actionAriaLabel` attr: action-aria-label	Tipo: `string optional` Padrão: `undefined` O rótulo ARIA para o controle interno. Os controles que têm apenas ícones precisam sempre ter um aria-label para descrever a finalidade e o comportamento deles. Os controles renderizados no canto não mostram um rótulo. Por isso, recomendamos usar um aria-label em vez do rótulo para controles de canto. Atributo HTML: `action-aria-label="string"`
`label` attr: label	Tipo: `string optional` Padrão: `undefined` O rótulo que vai aparecer no controle. Para links com tipos de ação predefinidos, esse atributo é ignorado. Os links e botões renderizados no slot action-corner não mostram um rótulo. É recomendável usar o atributo `action-aria-label` para controles de canto. Atributo HTML: `label="string"`

Propriedades

actionAriaLabel
attr: action-aria-label

Tipo: string optional

Padrão: undefined

O rótulo ARIA para o controle interno. Os controles que têm apenas ícones precisam sempre ter um aria-label para descrever a finalidade e o comportamento deles. Os controles renderizados no canto não mostram um rótulo. Por isso, recomendamos usar um aria-label em vez do rótulo para controles de canto.

Atributo HTML: action-aria-label="string"

label
attr: label

Tipo: string optional

Padrão: undefined

O rótulo que vai aparecer no controle. Para links com tipos de ação predefinidos, esse atributo é ignorado. Os links e botões renderizados no slot action-corner não mostram um rótulo. É recomendável usar o atributo action-aria-label para controles de canto.

Atributo HTML: label="string"

Slots
`icon-start`	Um slot para o conteúdo do ícone que começa antes do rótulo. Isso é usado para os controles de ação principal e de canto. Quando um controle é recolhido para o estado de canto, o conteúdo desse slot é renderizado.

Peças
`button`	Uma parte do CSS que segmenta o elemento de controle interno.

Métodos
Herdado: `addEventListener`, `removeEventListener`

Eventos
`gmp-click`	`function(event)` Argumentos: `event: PlaceActionEvent optional` Disparado quando o controle é clicado.

Interface PlaceButtonElementOptions

interface google.maps.places.PlaceButtonElementOptions
implementada por PlaceButtonElement

Opções para PlaceButtonElement.

Propriedades
`actionAriaLabel` opcional	Tipo: `string optional` O rótulo ARIA para o controle interno. Os controles que têm apenas ícones precisam sempre ter um aria-label para descrever a finalidade e o comportamento deles. Os controles renderizados no canto não mostram um rótulo. Por isso, recomendamos usar um aria-label em vez do rótulo para controles de canto.
`label` opcional	Tipo: `string optional` O rótulo que vai aparecer no controle. Para links com tipos de ação predefinidos, esse atributo é ignorado. Os links e botões renderizados no slot action-corner não mostram um rótulo. É recomendável usar o atributo `action-aria-label` para controles de canto.

Classe PlaceLinkElement

classe google.maps.places.PlaceLinkElement estende HTMLElement implementa PlaceLinkElementOptions
biblioteca "places"

Mostra um link inserido no slot action-main ou action-corner. Por padrão, o link vai aparecer no espaço action-main. Use o atributo action para especificar o comportamento do link. Vários tipos de ação estão disponíveis para uso listados em ActionLinkType. Para um link personalizado, especifique o tipo de ação custom e defina os atributos href e label.

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

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

Propriedades
`action` attr: action	Tipo: `ActionLinkType optional` O tipo de ação a ser realizada quando o link é clicado. Determina o rótulo, o ícone e o href de destino padrão do link. Use o tipo `custom` e especifique o atributo `href` para definir um destino manualmente. Atributo HTML: `action="value-name"`
`actionAriaLabel` attr: action-aria-label	Tipo: `string optional` Padrão: `undefined` O rótulo ARIA para o controle interno. Os controles que têm apenas ícones precisam sempre ter um aria-label para descrever a finalidade e o comportamento deles. Os controles renderizados no canto não mostram um rótulo. Por isso, recomendamos usar um aria-label em vez do rótulo para controles de canto. Atributo HTML: `action-aria-label="string"`
`href` attr: href	Tipo: `string optional` Padrão: `undefined` O URL que será aberto quando o link for clicado. Isso só é usado quando o atributo `action` é definido como `custom`. Atributo HTML: `href="string"`
`label` attr: label	Tipo: `string optional` Padrão: `undefined` O rótulo que vai aparecer no controle. Para links com tipos de ação predefinidos, esse atributo é ignorado. Os links e botões renderizados no slot action-corner não mostram um rótulo. É recomendável usar o atributo `action-aria-label` para controles de canto. Atributo HTML: `label="string"`
`target` attr: target	Tipo: `string optional` Padrão: `undefined` Determina onde o link é aberto. Consulte https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target. Atributo HTML: `target="string"`

Slots
`icon-start`	Um slot para o conteúdo do ícone que começa antes do rótulo. Isso é usado para os controles de ação principal e de canto. Quando um controle é recolhido para o estado de canto, o conteúdo desse slot é renderizado.

Peças
`button`	Uma parte do CSS que segmenta o elemento de controle interno.

Métodos
Herdado: `addEventListener`, `removeEventListener`

Eventos
`gmp-click`	`function(event)` Argumentos: `event: PlaceActionEvent optional` Disparado quando o controle é clicado.

Interface PlaceLinkElementOptions

interface google.maps.places.PlaceLinkElementOptions
implementada por PlaceLinkElement

Opções para PlaceLinkElement.

Propriedades
`action` opcional	Tipo: `ActionLinkType optional` Consulte `PlaceLinkElement.action`.
`actionAriaLabel` opcional	Tipo: `string optional` O rótulo ARIA para o controle interno. Os controles que têm apenas ícones precisam sempre ter um aria-label para descrever a finalidade e o comportamento deles. Os controles renderizados no canto não mostram um rótulo. Por isso, recomendamos usar um aria-label em vez do rótulo para controles de canto.
`href` opcional	Tipo: `string optional` Consulte `PlaceLinkElement.href`.
`label` opcional	Tipo: `string optional` O rótulo que vai aparecer no controle. Para links com tipos de ação predefinidos, esse atributo é ignorado. Os links e botões renderizados no slot action-corner não mostram um rótulo. É recomendável usar o atributo `action-aria-label` para controles de canto.
`target` opcional	Tipo: `string optional` Consulte `PlaceLinkElement.target`.

Constantes ActionLinkType

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

A ação realizada por um PlaceLinkElement quando clicado. Determina o ícone, o rótulo e o destino do href.

Essas constantes também podem ser usadas como strings. No TypeScript, os literais de string são definidos pelo tipo ActionLinkTypeString.

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

Constantes
`CALL`	Aciona um link tel: para ligar para o lugar. O comportamento depende do sistema operacional.
`CUSTOM`	Use esse tipo de ação para links personalizados. Ao usar esse tipo de ação, o atributo `href` precisa ser definido no `PlaceLinkElement`.
`OPEN_DIRECTIONS`	Abre rotas para o lugar no local especificado por `PlaceLinkElement.target`.
`OPEN_MAP`	Abre o mapa no local especificado por `PlaceLinkElement.target`.
`OPEN_WEBSITE`	Abre o site do lugar no local especificado por `PlaceLinkElement.target`.

Constantes ActionButtonPosition

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

A posição do controle no widget de Place Details.

Essas constantes também podem ser usadas como strings. No TypeScript, os literais de string são definidos pelo tipo ActionButtonPositionString.

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

Constantes
`ACTION_CORNER`	O controle é renderizado no canto do widget. Os controles de canto renderizam apenas um ícone.
`ACTION_MAIN`	O controle é renderizado na área de conteúdo principal do widget. Os rótulos e ícones são renderizados.

Classe PlaceActionEvent

classe google.maps.places.PlaceActionEvent estende Event
biblioteca "places"

O evento disparado quando o botão de ação é clicado.

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

Propriedades
`place` somente leitura	Tipo: `Place` O lugar que foi clicado.

Classe PlaceNameElement

classe google.maps.places.PlaceNameElement estende HTMLElement implementa PlaceNameElementOptions
biblioteca "places"

Mostra o nome de um lugar em um elemento Place Details.

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

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

Métodos
Herdado: `addEventListener`, `removeEventListener`

Interface PlaceNameElementOptions

interface google.maps.places.PlaceNameElementOptions
implementada por PlaceNameElement

Opções para PlaceNameElement.

Place Widget Content Customization Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Classe PlaceContentConfigElement

Construtor

Métodos

Interface PlaceContentConfigElementOptions

Classe PlaceAllContentElement

Construtor

Métodos

Interface PlaceAllContentElementOptions

Classe PlaceStandardContentElement

Construtor

Métodos

Interface PlaceStandardContentElementOptions

Classe PlaceMediaElement

Construtor

Propriedades

Métodos

Interface PlaceMediaElementOptions

Propriedades

Constantes MediaSize

Constantes

Classe PlaceAddressElement

Construtor

Métodos

Interface PlaceAddressElementOptions

Classe PlaceRatingElement

Construtor

Métodos

Interface PlaceRatingElementOptions

Classe PlaceTypeElement

Construtor

Métodos

Interface PlaceTypeElementOptions

Classe PlacePriceElement

Construtor

Métodos

Interface PlacePriceElementOptions

Classe PlaceAccessibleEntranceIconElement

Construtor

Métodos

Interface PlaceAccessibleEntranceIconElementOptions

Classe PlaceOpenNowStatusElement

Construtor

Métodos

Interface PlaceOpenNowStatusElementOptions

Classe PlaceReviewSummaryElement

Métodos

Interface PlaceReviewSummaryElementOptions

Classe PlaceReviewsElement

Métodos

PlaceReviewsElementOptions

Classe PlaceSummaryElement

Métodos

Interface PlaceSummaryElementOptions

Classe PlaceFeatureListElement

Métodos

Interface PlaceFeatureListElementOptions

Classe PlaceOpeningHoursElement

Métodos

Interface PlaceOpeningHoursElementOptions

Classe PlacePhoneNumberElement

Métodos

Interface PlacePhoneNumberElementOptions

Classe PlacePlusCodeElement

Métodos

Interface PlacePlusCodeElementOptions

Classe PlaceTypeSpecificHighlightsElement

Métodos

Interface PlaceTypeSpecificHighlightsElementOptions

Classe PlaceWebsiteElement

Métodos

Interface PlaceWebsiteElementOptions

Classe PlaceAttributionElement

Construtor

Propriedades

Métodos

Interface PlaceAttributionElementOptions

Propriedades

Constantes AttributionColor

Constantes

Place Widget Content Customization