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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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 속성:
|
preferredSize |
유형:
MediaSize optional 기본값:
null 여러 크기가 지원되는 경우의 기본 미디어 크기입니다(예: 세로
PlaceSearchElement ). 이 값이 지정되지 않으면 세로 PlaceSearchElement 에서 기본적으로 MediaSize.SMALL 을 사용합니다.HTML 속성:
|
메서드 | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
void 이전에 addEventListener로 등록된 이벤트 리스너를 타겟에서 삭제합니다. removeEventListener을 참고하세요. |
PlaceMediaElementOptions 인터페이스
google.maps.places.PlaceMediaElementOptions
인터페이스
PlaceMediaElement
옵션
속성 | |
---|---|
lightboxPreferred optional |
유형:
boolean optional |
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
void 이전에 addEventListener로 등록된 이벤트 리스너를 타겟에서 삭제합니다. removeEventListener을 참고하세요. |
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
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 속성:
|
lightSchemeColor |
유형:
AttributionColor optional 기본값:
AttributionColor.GRAY 밝은 모드에서 Google 지도 저작자 표시의 색상입니다.
HTML 속성:
|
메서드 | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) 매개변수:
반환 값:
void 지정된 이벤트가 타겟에 전달될 때마다 호출될 함수를 설정합니다. addEventListener를 참고하세요. |
removeEventListener |
removeEventListener(type, listener[, options]) 매개변수:
반환 값:
void 이전에 addEventListener로 등록된 이벤트 리스너를 타겟에서 삭제합니다. removeEventListener을 참고하세요. |
PlaceAttributionElementOptions 인터페이스
google.maps.places.PlaceAttributionElementOptions
인터페이스
PlaceAttributionElement
옵션
속성 | |
---|---|
darkSchemeColor optional |
유형:
AttributionColor optional |
lightSchemeColor optional |
유형:
AttributionColor optional |
AttributionColor 상수
google.maps.places.AttributionColor
상수
Google 지도 저작자 표시 텍스트의 색상 옵션입니다. 이러한 색상을 사용하도록 저작자 표시를 맞춤설정할 수 있습니다.
const {AttributionColor} = await google.maps.importLibrary("places")
를 호출하여 액세스
Maps JavaScript API의 라이브러리를 참고하세요.
상수 | |
---|---|
BLACK |
검은색 저작자 표시 텍스트 |
GRAY |
회색 저작자 표시 텍스트 |
WHITE |
흰색 저작자 표시 텍스트 |