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의 경우 표준 콘텐츠는 다음으로 구성됩니다.

  • 미디어
  • 주소
  • 평가
  • 유형
  • 가격
  • 장애인 이용 가능 입구 아이콘
  • 웹사이트
  • 전화번호
  • 영업시간
  • 요약
  • 유형별 하이라이트
  • 리뷰
  • 기능 목록

PlaceDetailsCompactElement의 경우 표준 콘텐츠는 다음으로 구성됩니다.
  • 미디어
  • 평가
  • 유형
  • 가격
  • 장애인 이용 가능 입구 아이콘
  • 지금 영업 중 상태

PlaceSearchElement의 경우 표준 콘텐츠는 다음으로 구성됩니다.
  • 미디어
  • 평가
  • 유형
  • 가격
  • 장애인 이용 가능 입구 아이콘

예를 들면 다음과 같습니다. 
 <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를 구성하여 주유소 가격, 전기 자동차 충전기 사용 가능 여부와 같은 장소의 유형별 하이라이트를 표시합니다. 이 요소를 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 흰색 저작자 표시 텍스트