Place Widget Content Customization

PlaceContentConfigElement class

google.maps.places.PlaceContentConfigElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示自訂內容集。將這個元素附加為子項，即可使用。

如要顯示 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement 的對應內容，請將下列任一元素附加至 PlaceContentConfigElement：
PlaceAddressElement、PlaceAccessibleEntranceIconElement、PlaceAttributionElement PlaceMediaElement、PlaceOpenNowStatusElement、PlacePriceElement、PlaceRatingElement、PlaceTypeElement。

針對 PlaceDetailsElement，您也可以附加下列任一元素：
PlaceFeatureListElement PlaceOpeningHoursElement、PlacePhoneNumberElement、PlacePlusCodeElement、PlaceReviewsElement、PlaceSummaryElement、PlaceTypeSpecificHighlightsElement、PlaceWebsiteElement。

子項的順序不重要，元素會以標準順序算繪內容，且無法自訂。範例：

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

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceContentConfigElementOptions。

撥打 const {PlaceContentConfigElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceContentConfigElement
PlaceContentConfigElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceContentConfigElementOptions interface

google.maps.places.PlaceContentConfigElementOptions 介面

「PlaceContentConfigElement」的選項。

PlaceAllContentElement class

google.maps.places.PlaceAllContentElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示所有可用的內容。將這個元素附加為子項，即可使用。例如：

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

自訂元素：
<gmp-place-all-content></gmp-place-all-content>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceAllContentElementOptions。

撥打 const {PlaceAllContentElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceAllContentElement
PlaceAllContentElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceAllContentElementOptions 介面

google.maps.places.PlaceAllContentElementOptions 介面

「PlaceAllContentElement」的選項。

PlaceStandardContentElement class

google.maps.places.PlaceStandardContentElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示標準內容集。將這個元素附加為子項，即可使用。
對於 PlaceDetailsElement，標準內容包括：

  • 媒體
  • 地址
  • rating
  • 類型
  • 價格
  • 無障礙入口圖示
  • 網站
  • 電話號碼
  • 營業時間
  • 摘要
  • 輸入特定重點
  • 評論
  • 功能清單

對於 PlaceDetailsCompactElement，標準內容包括：
  • 媒體
  • rating
  • 類型
  • 價格
  • 無障礙入口圖示
  • 營業中狀態

對於 PlaceSearchElement，標準內容包括：
  • 媒體
  • rating
  • 類型
  • 價格
  • 無障礙入口圖示

例如：
 <gmp-place-details>
   <gmp-place-standard-content></gmp-place-standard-content>
 </gmp-place-details>

自訂元素：
<gmp-place-standard-content></gmp-place-standard-content>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceStandardContentElementOptions。

撥打 const {PlaceStandardContentElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceStandardContentElement
PlaceStandardContentElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceStandardContentElementOptions interface

google.maps.places.PlaceStandardContentElementOptions 介面

「PlaceStandardContentElement」的選項。

PlaceMediaElement class

google.maps.places.PlaceMediaElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示地點的媒體內容，例如相片。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-media lightbox-preferred preferred-size="small"></gmp-place-media>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceMediaElementOptions。

撥打 const {PlaceMediaElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceMediaElement
PlaceMediaElement([options])
參數： 
lightboxPreferred
類型：  boolean optional
預設值： false
是否啟用或停用媒體燈箱 (如果兩者都支援)。
HTML 屬性：
  • <gmp-place-media lightbox-preferred></gmp-place-media>
preferredSize
類型：  MediaSize optional
預設值： null
如果支援多種尺寸，例如直向 PlaceSearchElement，請使用偏好的媒體尺寸。如未指定，垂直 PlaceSearchElement 預設會使用 MediaSize.SMALL。
HTML 屬性：
  • <gmp-place-media preferred-size="small"></gmp-place-media>
  • <gmp-place-media preferred-size="medium"></gmp-place-media>
  • <gmp-place-media preferred-size="large"></gmp-place-media>
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceMediaElementOptions 介面

google.maps.places.PlaceMediaElementOptions 介面

「PlaceMediaElement」的選項。
lightboxPreferred optional
類型：  boolean optional
詳情請參閱《PlaceMediaElement.lightboxPreferred》。
preferredSize optional
類型：  MediaSize optional
詳情請參閱《PlaceMediaElement.preferredSize》。

MediaSize 常數

google.maps.places.MediaSize 常數

如果支援多種尺寸，例如直向 PlaceSearchElement，則為偏好的媒體大小。

撥打 const {MediaSize} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
LARGE 媒體檔案過大。
MEDIUM 中型媒體大小。
SMALL 媒體大小較小。

PlaceAddressElement class

google.maps.places.PlaceAddressElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示地點的地址。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-address></gmp-place-address>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceAddressElementOptions。

撥打 const {PlaceAddressElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceAddressElement
PlaceAddressElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceAddressElementOptions 介面

google.maps.places.PlaceAddressElementOptions 介面

「PlaceAddressElement」的選項。

PlaceRatingElement class

google.maps.places.PlaceRatingElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示地點的評分。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-rating></gmp-place-rating>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceRatingElementOptions。

撥打 const {PlaceRatingElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceRatingElement
PlaceRatingElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceRatingElementOptions interface

google.maps.places.PlaceRatingElementOptions 介面

「PlaceRatingElement」的選項。

PlaceTypeElement class

google.maps.places.PlaceTypeElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示地點類型。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-type></gmp-place-type>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceTypeElementOptions。

撥打 const {PlaceTypeElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceTypeElement
PlaceTypeElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceTypeElementOptions 介面

google.maps.places.PlaceTypeElementOptions 介面

「PlaceTypeElement」的選項。

PlacePriceElement class

google.maps.places.PlacePriceElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示地點的價格等級或價格範圍。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-price></gmp-place-price>

這個類別會擴充 HTMLElement。

這個類別會實作 PlacePriceElementOptions。

撥打 const {PlacePriceElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlacePriceElement
PlacePriceElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlacePriceElementOptions 介面

google.maps.places.PlacePriceElementOptions 介面

「PlacePriceElement」的選項。

PlaceAccessibleEntranceIconElement class

google.maps.places.PlaceAccessibleEntranceIconElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，在地點設有無障礙入口時顯示輪椅圖示。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceAccessibleEntranceIconElementOptions。

撥打 const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceAccessibleEntranceIconElementOptions 介面

google.maps.places.PlaceAccessibleEntranceIconElementOptions 介面

「PlaceAccessibleEntranceIconElement」的選項。

PlaceOpenNowStatusElement class

google.maps.places.PlaceOpenNowStatusElement class

設定 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement，顯示地點目前的營業或休息狀態。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceOpenNowStatusElementOptions。

撥打 const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
參數： 
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceOpenNowStatusElementOptions interface

google.maps.places.PlaceOpenNowStatusElementOptions 介面

「PlaceOpenNowStatusElement」的選項。

PlaceReviewsElement class

google.maps.places.PlaceReviewsElement class

設定 PlaceDetailsElement，顯示地點的評論。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-reviews></gmp-place-reviews>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceReviewsElementOptions。

撥打 const {PlaceReviewsElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceReviewsElementOptions 介面

google.maps.places.PlaceReviewsElementOptions 介面

「PlaceReviewsElement」的選項。

PlaceSummaryElement class

google.maps.places.PlaceSummaryElement class

設定 PlaceDetailsElement，顯示地點摘要。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-summary></gmp-place-summary>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceSummaryElementOptions。

撥打 const {PlaceSummaryElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceSummaryElementOptions interface

google.maps.places.PlaceSummaryElementOptions 介面

「PlaceSummaryElement」的選項。

PlaceFeatureListElement class

google.maps.places.PlaceFeatureListElement class

設定 PlaceDetailsElement，在「關於」分頁中顯示地點的特徵清單。功能清單可以包含無障礙選項、設施、接受的付款方式等。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-feature-list></gmp-place-feature-list>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceFeatureListElementOptions。

撥打 const {PlaceFeatureListElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceFeatureListElementOptions interface

google.maps.places.PlaceFeatureListElementOptions 介面

「PlaceFeatureListElement」的選項。

PlaceOpeningHoursElement class

google.maps.places.PlaceOpeningHoursElement class

設定 PlaceDetailsElement，顯示地點的營業時間。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-opening-hours></gmp-place-opening-hours>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceOpeningHoursElementOptions。

撥打 const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceOpeningHoursElementOptions 介面

google.maps.places.PlaceOpeningHoursElementOptions 介面

「PlaceOpeningHoursElement」的選項。

PlacePhoneNumberElement class

google.maps.places.PlacePhoneNumberElement class

設定 PlaceDetailsElement，顯示地點的電話號碼。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-phone-number></gmp-place-phone-number>

這個類別會擴充 HTMLElement。

這個類別會實作 PlacePhoneNumberElementOptions。

撥打 const {PlacePhoneNumberElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlacePhoneNumberElementOptions 介面

google.maps.places.PlacePhoneNumberElementOptions 介面

「PlacePhoneNumberElement」的選項。

PlacePlusCodeElement 類別

google.maps.places.PlacePlusCodeElement class

設定 PlaceDetailsElement，顯示地點的 Plus Code。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-plus-code></gmp-place-plus-code>

這個類別會擴充 HTMLElement。

這個類別會實作 PlacePlusCodeElementOptions。

撥打 const {PlacePlusCodeElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlacePlusCodeElementOptions 介面

google.maps.places.PlacePlusCodeElementOptions 介面

「PlacePlusCodeElement」的選項。

PlaceTypeSpecificHighlightsElement class

google.maps.places.PlaceTypeSpecificHighlightsElement class

設定 PlaceDetailsElement，顯示地點的特定類型重點，例如加油站的油價和電動車充電器供應情形。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceTypeSpecificHighlightsElementOptions。

撥打 const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceTypeSpecificHighlightsElementOptions 介面

google.maps.places.PlaceTypeSpecificHighlightsElementOptions 介面

「PlaceTypeSpecificHighlightsElement」的選項。

PlaceWebsiteElement 類別

google.maps.places.PlaceWebsiteElement class

設定PlaceDetailsElement，顯示地點的網站。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。例如：

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

自訂元素：
<gmp-place-website></gmp-place-website>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceWebsiteElementOptions。

撥打 const {PlaceWebsiteElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceWebsiteElementOptions interface

google.maps.places.PlaceWebsiteElementOptions 介面

「PlaceWebsiteElement」的選項。

PlaceAttributionElement class

google.maps.places.PlaceAttributionElement class

可自訂 PlaceDetailsCompactElement、PlaceDetailsElement 或 PlaceSearchElement 中的 Google 地圖出處文字。將這個元素附加為 PlaceContentConfigElement 的子項，即可使用。如果省略這個元素，系統仍會顯示出處資訊，但會使用預設顏色。例如：

 <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="white" light-scheme-color="white"></gmp-place-attribution>

這個類別會擴充 HTMLElement。

這個類別會實作 PlaceAttributionElementOptions。

撥打 const {PlaceAttributionElement} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
PlaceAttributionElement
PlaceAttributionElement([options])
參數： 
darkSchemeColor
類型：  AttributionColor optional
預設值： AttributionColor.WHITE
深色模式下 Google 地圖出處資訊的顏色。
HTML 屬性：
  • <gmp-place-attribution dark-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="gray"></gmp-place-attribution>
lightSchemeColor
類型：  AttributionColor optional
預設值： AttributionColor.GRAY
淺色模式下 Google 地圖出處資訊的顏色。
HTML 屬性：
  • <gmp-place-attribution light-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="gray"></gmp-place-attribution>
addEventListener
addEventListener(type, listener[, options])
參數： 
  • type：string代表要監聽的事件類型，且區分大小寫。
  • listener：EventListener|EventListenerObject接收通知的物件。這必須是函式或包含 handleEvent 方法的物件
  • options：boolean|AddEventListenerOptions optional請參閱選項。自訂事件僅支援 capture 和 passive。
傳回值：  void
設定函式，每當指定事件傳送至目標時，系統就會呼叫該函式。請參閱 addEventListener。
removeEventListener
removeEventListener(type, listener[, options])
參數： 
傳回值：  void
從目標中移除先前透過 addEventListener 註冊的事件監聽器。請參閱「removeEventListener」。

PlaceAttributionElementOptions 介面

google.maps.places.PlaceAttributionElementOptions 介面

「PlaceAttributionElement」的選項。
darkSchemeColor optional
類型：  AttributionColor optional
詳情請參閱《PlaceAttributionElement.darkSchemeColor》。
lightSchemeColor optional
類型：  AttributionColor optional
詳情請參閱《PlaceAttributionElement.lightSchemeColor》。

AttributionColor 常數

google.maps.places.AttributionColor 常數

Google 地圖出處註明文字的顏色選項。您可以自訂出處，使用上述任一顏色。

撥打 const {AttributionColor} = await google.maps.importLibrary("places") 即可存取。
請參閱「Maps JavaScript API 中的程式庫」。
BLACK 黑色作者資訊文字。
GRAY 灰色的出處資訊文字。
WHITE 白色作者資訊文字。