Place Widget Content Customization

Classe PlaceContentConfigElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher un ensemble de contenus personnalisé. Ajoutez cet élément en tant qu'enfant pour l'utiliser.

Pour PlaceDetailsCompactElement, PlaceDetailsElement ou PlaceSearchElement, ajoutez l'un des éléments suivants à PlaceContentConfigElement pour afficher le contenu correspondant :
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

Pour PlaceDetailsElement, vous pouvez également ajouter l'un des éléments suivants :
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

L'ordre des enfants n'a pas d'importance. L'élément affiche le contenu dans un ordre standard qui n'est pas personnalisable. Exemple : 

 <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");
PlaceContentConfigElement
PlaceContentConfigElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlaceContentConfigElementOptions

interface google.maps.places.PlaceContentConfigElementOptions
implémentée par PlaceContentConfigElement

Options pour PlaceContentConfigElement.

PlaceAllContentElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher tous les contenus disponibles. Ajoutez cet élément en tant qu'enfant pour l'utiliser. Exemple : 

 <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");
PlaceAllContentElement
PlaceAllContentElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlaceAllContentElementOptions

interface google.maps.places.PlaceAllContentElementOptions
implémentée par PlaceAllContentElement

Options pour PlaceAllContentElement.

PlaceStandardContentElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher un ensemble standard de contenus. Ajoutez cet élément en tant qu'enfant pour l'utiliser.
Pour PlaceDetailsElement, le contenu standard comprend :

  • media
  • adresse
  • rating
  • type
  • price
  • icône d'entrée accessible
  • site Web
  • numéro de téléphone
  • horaires d'ouverture
  • résumé
  • points clés spécifiques au type
  • avis
  • liste des caractéristiques

Pour PlaceDetailsCompactElement, le contenu standard comprend :
  • media
  • rating
  • type
  • price
  • icône d'entrée accessible
  • état "ouvert actuellement"

Pour PlaceSearchElement, le contenu standard comprend :
  • media
  • rating
  • type
  • price
  • icône d'entrée accessible

Exemple : 
 <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");
PlaceStandardContentElement
PlaceStandardContentElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlaceStandardContentElementOptions

interface google.maps.places.PlaceStandardContentElementOptions
implémentée par PlaceStandardContentElement

Options pour PlaceStandardContentElement.

Classe PlaceMediaElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher les contenus multimédias d'un lieu, comme des photos. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
PlaceMediaElement
PlaceMediaElement([options])
Paramètres :
lightboxPreferred
attr: lightbox-preferred
Type d'entrée : boolean optional
Type de sortie : boolean
Par défaut : false
Indique si la lightbox multimédia doit être activée ou désactivée, si les deux options sont acceptées.
Attribut HTML : lightbox-preferred
preferredSize
attr: preferred-size
Type d'entrée : MediaSize optional
Type de sortie : MediaSize optional
Par défaut : null
Taille de média préférée lorsque plusieurs tailles sont acceptées, comme la taille verticale PlaceSearchElement. La verticale PlaceSearchElement utilisera MediaSize.SMALL par défaut si elle n'est pas spécifiée.
Attribut HTML : preferred-size="value-name"
Hérité : addEventListener, removeEventListener

PlaceMediaElementOptions

interface google.maps.places.PlaceMediaElementOptions
implémentée par PlaceMediaElement

Options pour PlaceMediaElement.
lightboxPreferred
facultatif
Type : boolean optional
Consultez les PlaceMediaElement.lightboxPreferred.
preferredSize
facultatif
Type : MediaSize optional
Consultez les PlaceMediaElement.preferredSize.

MediaSize

google.maps.places.MediaSize
bibliothèque "places"

Taille de média préférée lorsque plusieurs tailles sont acceptées, comme la taille verticale PlaceSearchElement.

Ces constantes peuvent également être utilisées comme des chaînes. En TypeScript, les littéraux de chaîne sont définis par le type MediaSizeString.

const {MediaSize} = await google.maps.importLibrary("places");
LARGE Taille de média élevée.
MEDIUM Taille de média moyenne.
SMALL Petite taille de support.

Classe PlaceAddressElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher l'adresse d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
PlaceAddressElement
PlaceAddressElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlaceAddressElementOptions

interface google.maps.places.PlaceAddressElementOptions
implémentée par PlaceAddressElement

Options pour PlaceAddressElement.

Classe PlaceRatingElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher la note d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
PlaceRatingElement
PlaceRatingElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlaceRatingElementOptions

interface google.maps.places.PlaceRatingElementOptions
implémentée par PlaceRatingElement

Options pour PlaceRatingElement.

PlaceTypeElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher le type d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
PlaceTypeElement
PlaceTypeElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlaceTypeElementOptions

interface google.maps.places.PlaceTypeElementOptions
implémentée par PlaceTypeElement

Options pour PlaceTypeElement.

PlacePriceElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher le niveau ou la gamme de prix d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
PlacePriceElement
PlacePriceElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlacePriceElementOptions

interface google.maps.places.PlacePriceElementOptions
implémentée par PlacePriceElement

Options pour PlacePriceElement.

PlaceAccessibleEntranceIconElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher une icône de fauteuil roulant si le lieu dispose d'une entrée accessible. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlaceAccessibleEntranceIconElementOptions

interface google.maps.places.PlaceAccessibleEntranceIconElementOptions
implémentée par PlaceAccessibleEntranceIconElement

Options pour PlaceAccessibleEntranceIconElement.

Classe PlaceOpenNowStatusElement

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

Configure un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement pour afficher l'état d'ouverture ou de fermeture actuel d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Paramètres :
Hérité : addEventListener, removeEventListener

Interface PlaceOpenNowStatusElementOptions

interface google.maps.places.PlaceOpenNowStatusElementOptions
implémentée par PlaceOpenNowStatusElement

Options pour PlaceOpenNowStatusElement.

Classe PlaceReviewSummaryElement

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

Configure un PlaceDetailsElement pour afficher le résumé des avis sur un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

PlaceReviewSummaryElementOptions

interface google.maps.places.PlaceReviewSummaryElementOptions
implémentée par PlaceReviewSummaryElement

Options pour PlaceReviewSummaryElement.

Classe PlaceReviewsElement

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

Configure un PlaceDetailsElement pour afficher les avis sur un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

PlaceReviewsElementOptions interface

interface google.maps.places.PlaceReviewsElementOptions
implémentée par PlaceReviewsElement

Options pour PlaceReviewsElement.

Classe PlaceSummaryElement

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

Configure un PlaceDetailsElement pour afficher le résumé d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

Interface PlaceSummaryElementOptions

interface google.maps.places.PlaceSummaryElementOptions
implémentée par PlaceSummaryElement

Options pour PlaceSummaryElement.

Classe PlaceFeatureListElement

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

Configure un PlaceDetailsElement pour afficher la liste des caractéristiques d'un lieu dans l'onglet "À propos". La liste des caractéristiques peut inclure les options d'accessibilité, les services, les modes de paiement acceptés, etc. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

Interface PlaceFeatureListElementOptions

interface google.maps.places.PlaceFeatureListElementOptions
implémentée par PlaceFeatureListElement

Options pour PlaceFeatureListElement.

Classe PlaceOpeningHoursElement

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

Configure un PlaceDetailsElement pour afficher les horaires d'ouverture d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

PlaceOpeningHoursElementOptions interface

interface google.maps.places.PlaceOpeningHoursElementOptions
implémentée par PlaceOpeningHoursElement

Options pour PlaceOpeningHoursElement.

PlacePhoneNumberElement

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

Configure un PlaceDetailsElement pour afficher le numéro de téléphone d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

PlacePhoneNumberElementOptions interface

interface google.maps.places.PlacePhoneNumberElementOptions
implémentée par PlacePhoneNumberElement

Options pour PlacePhoneNumberElement.

Classe PlacePlusCodeElement

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

Configure un PlaceDetailsElement pour afficher le Plus Code d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

Interface PlacePlusCodeElementOptions

interface google.maps.places.PlacePlusCodeElementOptions
implémentée par PlacePlusCodeElement

Options pour PlacePlusCodeElement.

Classe PlaceTypeSpecificHighlightsElement

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

Configure un PlaceDetailsElement pour afficher les informations spécifiques au type d'un lieu, comme les prix du carburant et la disponibilité des bornes de recharge pour véhicules électriques. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

PlaceTypeSpecificHighlightsElementOptions interface

interface google.maps.places.PlaceTypeSpecificHighlightsElementOptions
implémentée par PlaceTypeSpecificHighlightsElement

Options pour PlaceTypeSpecificHighlightsElement.

PlaceWebsiteElement

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

Configure un PlaceDetailsElement pour afficher le site Web d'un lieu. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Exemple : 

 <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");
Hérité : addEventListener, removeEventListener

PlaceWebsiteElementOptions interface

interface google.maps.places.PlaceWebsiteElementOptions
implémentée par PlaceWebsiteElement

Options pour PlaceWebsiteElement.

Classe PlaceAttributionElement

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

Permet de personnaliser le texte d'attribution Google Maps dans un PlaceDetailsCompactElement, un PlaceDetailsElement ou un PlaceSearchElement. Pour l'utiliser, ajoutez cet élément en tant qu'enfant d'un PlaceContentConfigElement. Si cet élément est omis, l'attribution sera toujours affichée avec les couleurs par défaut. Exemple : 

 <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");
PlaceAttributionElement
PlaceAttributionElement([options])
Paramètres :
darkSchemeColor
attr: dark-scheme-color
Type d'entrée : AttributionColor optional
Type de sortie : AttributionColor
Par défaut : AttributionColor.WHITE
Couleur de l'attribution Google Maps en mode sombre.
Attribut HTML : dark-scheme-color="value-name"
lightSchemeColor
attr: light-scheme-color
Type d'entrée : AttributionColor optional
Type de sortie : AttributionColor
Par défaut : AttributionColor.GRAY
Couleur de l'attribution Google Maps en mode clair.
Attribut HTML : light-scheme-color="value-name"
Hérité : addEventListener, removeEventListener

PlaceAttributionElementOptions interface

interface google.maps.places.PlaceAttributionElementOptions
implémentée par PlaceAttributionElement

Options pour PlaceAttributionElement.
darkSchemeColor
facultatif
Type : AttributionColor optional
Consultez les PlaceAttributionElement.darkSchemeColor.
lightSchemeColor
facultatif
Type : AttributionColor optional
Consultez les PlaceAttributionElement.lightSchemeColor.

Constantes AttributionColor

google.maps.places.AttributionColor
bibliothèque "places"

Options de couleur pour le texte d'attribution Google Maps. L'attribution peut être personnalisée pour utiliser l'une de ces couleurs.

Ces constantes peuvent également être utilisées comme des chaînes. En TypeScript, les littéraux de chaîne sont définis par le type AttributionColorString.

const {AttributionColor} = await google.maps.importLibrary("places");
BLACK Texte d'attribution noir.
GRAY Texte d'attribution gris.
WHITE Texte d'attribution blanc.

Classe PlaceButtonElement

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

Affiche un bouton inséré dans l'emplacement action-main ou action-corner. PlaceButtonElement n'a pas de comportement par défaut. Associez un écouteur d'événements à l'élément pour définir son comportement. Par défaut, le bouton s'affiche dans l'emplacement action-main.

<gmp-place-button
  action-aria-label="string"
  label="string">
</gmp-place-button>
 
const {PlaceButtonElement} = await google.maps.importLibrary("places");
actionAriaLabel
attr: action-aria-label
Type : string optional
Par défaut : undefined
Libellé ARIA de la commande interne. Les commandes qui ne comportent qu'une icône doivent toujours avoir un attribut aria-label pour décrire leur objectif et leur comportement. Les commandes affichées dans l'angle n'affichent pas de libellé. Il est donc recommandé d'utiliser un aria-label au lieu du libellé pour les commandes d'angle.
Attribut HTML : action-aria-label="string"
label
attr: label
Type : string optional
Par défaut : undefined
Libellé à afficher dans la commande. Pour les liens avec des types d'actions prédéfinis, cet attribut est ignoré. Les liens et les boutons affichés dans l'emplacement action-corner n'affichent pas de libellé. Il est recommandé d'utiliser l'attribut action-aria-label pour les commandes d'angle.
Attribut HTML : label="string"
icon-start
Emplacement pour le contenu de l'icône commençant avant le libellé. Cette option est utilisée pour les commandes d'action principales et d'angle. Lorsqu'un contrôle est réduit à son état d'angle, le contenu de cet emplacement est affiché.
button
Partie CSS qui cible l'élément de commande interne.
Hérité : addEventListener, removeEventListener
gmp-click
function(event)
Arguments :
Se déclenche lorsque l'utilisateur clique sur la commande.

Interface PlaceButtonElementOptions

interface google.maps.places.PlaceButtonElementOptions
implémentée par PlaceButtonElement

Options pour PlaceButtonElement.
actionAriaLabel
facultatif
Type : string optional
Libellé ARIA de la commande interne. Les commandes qui ne comportent qu'une icône doivent toujours avoir un attribut aria-label pour décrire leur objectif et leur comportement. Les commandes affichées dans l'angle n'affichent pas de libellé. Il est donc recommandé d'utiliser un aria-label au lieu du libellé pour les commandes d'angle.
label
facultatif
Type : string optional
Libellé à afficher dans la commande. Pour les liens avec des types d'actions prédéfinis, cet attribut est ignoré. Les liens et les boutons affichés dans l'emplacement action-corner n'affichent pas de libellé. Il est recommandé d'utiliser l'attribut action-aria-label pour les commandes d'angle.

Classe PlaceLinkElement

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

Affiche un lien inséré dans l'emplacement action-main ou action-corner. Par défaut, le lien s'affiche dans l'emplacement action-main. Utilisez l'attribut action pour spécifier le comportement du lien. Plusieurs types d'actions sont disponibles et listés dans ActionLinkType. Pour un lien personnalisé, spécifiez le type d'action custom, puis définissez les attributs href et 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");
action
attr: action
Type : ActionLinkType optional
Type d'action à effectuer lorsque l'utilisateur clique sur le lien. Détermine le libellé, l'icône et l'attribut href de destination par défaut du lien. Utilisez le type custom et spécifiez l'attribut href pour définir une destination manuellement.
Attribut HTML : action="value-name"
actionAriaLabel
attr: action-aria-label
Type : string optional
Par défaut : undefined
Libellé ARIA de la commande interne. Les commandes qui ne comportent qu'une icône doivent toujours avoir un attribut aria-label pour décrire leur objectif et leur comportement. Les commandes affichées dans l'angle n'affichent pas de libellé. Il est donc recommandé d'utiliser un aria-label au lieu du libellé pour les commandes d'angle.
Attribut HTML : action-aria-label="string"
defaultIconHidden
attr: default-icon-hidden
Type d'entrée : boolean optional
Type de sortie : boolean
Par défaut : false
Indique si l'icône par défaut est masquée pour tous les types de liens, sauf les liens personnalisés.
Attribut HTML : default-icon-hidden
href
attr: href
Type : string optional
Par défaut : undefined
URL à ouvrir lorsque l'utilisateur clique sur le lien. Il n'est utilisé que lorsque l'attribut action est défini sur custom.
Attribut HTML : href="string"
label
attr: label
Type : string optional
Par défaut : undefined
Libellé à afficher dans la commande. Pour les liens avec des types d'actions prédéfinis, cet attribut est ignoré. Les liens et les boutons affichés dans l'emplacement action-corner n'affichent pas de libellé. Il est recommandé d'utiliser l'attribut action-aria-label pour les commandes d'angle.
Attribut HTML : label="string"
target
attr: target
Type : string optional
Par défaut : undefined
Détermine l'emplacement d'ouverture du lien. Consultez https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target.
Attribut HTML : target="string"
icon-start
Emplacement pour le contenu de l'icône commençant avant le libellé. Cette option est utilisée pour les commandes d'action principales et d'angle. Lorsqu'un contrôle est réduit à son état d'angle, le contenu de cet emplacement est affiché.
button
Partie CSS qui cible l'élément de commande interne.
Hérité : addEventListener, removeEventListener
gmp-click
function(event)
Arguments :
Se déclenche lorsque l'utilisateur clique sur la commande.

PlaceLinkElementOptions

interface google.maps.places.PlaceLinkElementOptions
implémentée par PlaceLinkElement

Options pour PlaceLinkElement.
action
facultatif
Type : ActionLinkType optional
Consultez les PlaceLinkElement.action.
actionAriaLabel
facultatif
Type : string optional
Libellé ARIA de la commande interne. Les commandes qui ne comportent qu'une icône doivent toujours avoir un attribut aria-label pour décrire leur objectif et leur comportement. Les commandes affichées dans l'angle n'affichent pas de libellé. Il est donc recommandé d'utiliser un aria-label au lieu du libellé pour les commandes d'angle.
href
facultatif
Type : string optional
Consultez les PlaceLinkElement.href.
label
facultatif
Type : string optional
Libellé à afficher dans la commande. Pour les liens avec des types d'actions prédéfinis, cet attribut est ignoré. Les liens et les boutons affichés dans l'emplacement action-corner n'affichent pas de libellé. Il est recommandé d'utiliser l'attribut action-aria-label pour les commandes d'angle.
target
facultatif
Type : string optional
Consultez les PlaceLinkElement.target.

ActionLinkType

google.maps.places.ActionLinkType
bibliothèque "places"

Action effectuée par un PlaceLinkElement lorsqu'un utilisateur clique dessus. Détermine l'icône, l'étiquette et la destination href.

Ces constantes peuvent également être utilisées comme des chaînes. En TypeScript, les littéraux de chaîne sont définis par le type ActionLinkTypeString.

const {ActionLinkType} = await google.maps.importLibrary("places");
CALL Déclenche un lien tel: pour appeler l'établissement. Le comportement dépend du système d'exploitation.
CUSTOM Utilisez ce type d'action pour les liens personnalisés. Lorsque vous utilisez ce type d'action, l'attribut href doit être défini sur PlaceLinkElement.
OPEN_DIRECTIONS Ouvre l'itinéraire vers le lieu spécifié par PlaceLinkElement.target.
OPEN_MAP Ouvre la carte à l'emplacement spécifié par PlaceLinkElement.target.
OPEN_WEBSITE Ouvre le site Web du lieu à l'emplacement spécifié par PlaceLinkElement.target.

Constantes ActionButtonPosition

google.maps.places.ActionButtonPosition
bibliothèque "places"

Position de l'emplacement du contrôle dans le widget Place Details.

Ces constantes peuvent également être utilisées comme des chaînes. En TypeScript, les littéraux de chaîne sont définis par le type ActionButtonPositionString.

const {ActionButtonPosition} = await google.maps.importLibrary("places");
ACTION_CORNER La commande s'affiche dans l'angle du widget. Les commandes d'angle n'affichent qu'une icône.
ACTION_MAIN La commande s'affiche dans la zone de contenu principal du widget. Les libellés et les icônes sont affichés.

PlaceActionEvent

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

Événement déclenché lorsque l'utilisateur clique sur le bouton d'action.

const {PlaceActionEvent} = await google.maps.importLibrary("places");
place
readonly
Type : Place
Lieu sur lequel l'utilisateur a cliqué.

Classe PlaceNameElement

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

Affiche le nom d'un lieu dans un élément Place Details.

<gmp-place-name></gmp-place-name>
 
const {PlaceNameElement} = await google.maps.importLibrary("places");
Hérité : addEventListener, removeEventListener

PlaceNameElementOptions

interface google.maps.places.PlaceNameElementOptions
implémentée par PlaceNameElement

Options pour PlaceNameElement.