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、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 のオプション。

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 クラス

PlaceDetailsElement を構成して、ガソリン価格や EV 充電器の空き状況など、場所のタイプ固有のハイライトを表示します。この要素を 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 白い帰属表示テキスト。