Place Widget Content Customization

PlaceContentConfigElement クラス

google.maps.places.PlaceContentConfigElement クラス

カスタムのコンテンツ セットを表示するように PlaceDetailsCompactElement、PlaceDetailsElement、PlaceSearchElement を構成します。この要素を使用するには、子として追加します。

PlaceDetailsCompactElement、PlaceDetailsElement、PlaceSearchElement の場合は、PlaceContentConfigElement に次のいずれかの要素を追加して、対応するコンテンツを表示します。
PlaceAddressElement、PlaceAccessibleEntranceIconElement、PlaceAttributionElement PlaceMediaElement、PlaceOpenNowStatusElement、PlacePriceElement、PlaceRatingElement、PlaceTypeElement。

PlaceDetailsElement に固有の要素として、
PlaceFeatureListElement PlaceOpeningHoursElement、PlacePhoneNumberElement、PlacePlusCodeElement、PlaceReviewSummaryElement、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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceContentConfigElementOptions インターフェース

google.maps.places.PlaceContentConfigElementOptions インターフェース

PlaceContentConfigElement のオプション。

PlaceAllContentElement クラス

google.maps.places.PlaceAllContentElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceAllContentElementOptions インターフェース

google.maps.places.PlaceAllContentElementOptions インターフェース

PlaceAllContentElement のオプション。

PlaceStandardContentElement クラス

google.maps.places.PlaceStandardContentElement クラス

PlaceDetailsCompactElement、PlaceDetailsElement、PlaceSearchElement を構成して、基準セットのコンテンツを表示します。この要素を使用するには、子として追加します。
PlaceDetailsElement の場合、標準コンテンツは次の要素で構成されます。

  • メディア
  • 住所
  • 評価
  • type
  • 価格
  • バリアフリーの出入口アイコン
  • ウェブサイト
  • 電話番号
  • 営業時間
  • 概要
  • タイプ固有のハイライト
  • レビュー
  • 特徴量リスト

PlaceDetailsCompactElement の場合、標準コンテンツは以下で構成されます。
  • メディア
  • 評価
  • type
  • 価格
  • バリアフリーの出入口アイコン
  • 「営業中」ステータス

PlaceSearchElement の場合、標準コンテンツは以下で構成されます。
  • メディア
  • 評価
  • type
  • 価格
  • バリアフリーの出入口アイコン

例: 
 <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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceStandardContentElementOptions インターフェース

google.maps.places.PlaceStandardContentElementOptions インターフェース

PlaceStandardContentElement のオプション。

PlaceMediaElement クラス

google.maps.places.PlaceMediaElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  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 クラス

google.maps.places.PlaceAddressElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceAddressElementOptions インターフェース

google.maps.places.PlaceAddressElementOptions インターフェース

PlaceAddressElement のオプション。

PlaceRatingElement クラス

google.maps.places.PlaceRatingElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceRatingElementOptions インターフェース

google.maps.places.PlaceRatingElementOptions インターフェース

PlaceRatingElement のオプション。

PlaceTypeElement クラス

google.maps.places.PlaceTypeElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceTypeElementOptions インターフェース

google.maps.places.PlaceTypeElementOptions インターフェース

PlaceTypeElement のオプション。

PlacePriceElement クラス

google.maps.places.PlacePriceElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlacePriceElementOptions インターフェース

google.maps.places.PlacePriceElementOptions インターフェース

PlacePriceElement のオプション。

PlaceAccessibleEntranceIconElement クラス

google.maps.places.PlaceAccessibleEntranceIconElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceAccessibleEntranceIconElementOptions インターフェース

google.maps.places.PlaceAccessibleEntranceIconElementOptions インターフェース

PlaceAccessibleEntranceIconElement のオプション。

PlaceOpenNowStatusElement クラス

google.maps.places.PlaceOpenNowStatusElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceOpenNowStatusElementOptions インターフェース

google.maps.places.PlaceOpenNowStatusElementOptions インターフェース

PlaceOpenNowStatusElement のオプション。

PlaceReviewSummaryElement クラス

google.maps.places.PlaceReviewSummaryElement クラス

場所のクチコミの要約を表示するように PlaceDetailsElement を構成します。この要素を使用するには、PlaceContentConfigElement の子として追加します。次に例を示します。

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

カスタム要素:
<gmp-place-review-summary></gmp-place-review-summary>

このクラスは HTMLElement を拡張します。

このクラスは PlaceReviewSummaryElementOptions を実装します。

const {PlaceReviewSummaryElement} = 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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceReviewSummaryElementOptions インターフェース

google.maps.places.PlaceReviewSummaryElementOptions インターフェース

PlaceReviewSummaryElement のオプション。

PlaceReviewsElement クラス

google.maps.places.PlaceReviewsElement クラス

場所のクチコミを表示するように 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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceReviewsElementOptions インターフェース

google.maps.places.PlaceReviewsElementOptions インターフェース

PlaceReviewsElement のオプション。

PlaceSummaryElement クラス

google.maps.places.PlaceSummaryElement クラス

場所の概要を表示するように 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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceSummaryElementOptions インターフェース

google.maps.places.PlaceSummaryElementOptions インターフェース

PlaceSummaryElement のオプション。

PlaceFeatureListElement クラス

google.maps.places.PlaceFeatureListElement クラス

[概要] タブに場所の機能リストを表示するように 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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceFeatureListElementOptions インターフェース

google.maps.places.PlaceFeatureListElementOptions インターフェース

PlaceFeatureListElement のオプション。

PlaceOpeningHoursElement クラス

google.maps.places.PlaceOpeningHoursElement クラス

場所の営業時間を表示するように 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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceOpeningHoursElementOptions インターフェース

google.maps.places.PlaceOpeningHoursElementOptions インターフェース

PlaceOpeningHoursElement のオプション。

PlacePhoneNumberElement クラス

google.maps.places.PlacePhoneNumberElement クラス

場所の電話番号を表示するように 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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlacePhoneNumberElementOptions インターフェース

google.maps.places.PlacePhoneNumberElementOptions インターフェース

PlacePhoneNumberElement のオプション。

PlacePlusCodeElement クラス

google.maps.places.PlacePlusCodeElement クラス

場所の Plus Code を表示するように PlaceDetailsElement を構成します。この要素を使用するには、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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlacePlusCodeElementOptions インターフェース

google.maps.places.PlacePlusCodeElementOptions インターフェース

PlacePlusCodeElement のオプション。

PlaceTypeSpecificHighlightsElement クラス

google.maps.places.PlaceTypeSpecificHighlightsElement クラス

ガソリン価格や EV 充電器の空き状況など、場所のタイプ固有のハイライトを表示するように 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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceTypeSpecificHighlightsElementOptions インターフェース

google.maps.places.PlaceTypeSpecificHighlightsElementOptions インターフェース

PlaceTypeSpecificHighlightsElement のオプション。

PlaceWebsiteElement クラス

google.maps.places.PlaceWebsiteElement クラス

場所のウェブサイトを表示するように 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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  void
addEventListener で以前に登録されたイベント リスナーをターゲットから削除します。removeEventListener をご覧ください。

PlaceWebsiteElementOptions インターフェース

google.maps.places.PlaceWebsiteElementOptions インターフェース

PlaceWebsiteElement のオプション。

PlaceAttributionElement クラス

google.maps.places.PlaceAttributionElement クラス

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])
パラメータ: 
  • type:  string イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listener:  EventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • options:  boolean|EventListenerOptions optional オプションをご覧ください。
戻り値:  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 白の帰属表示テキスト。