Places UI Kit 구성요소 라이브러리를 사용하면 Places API를 지원하는 동일한 데이터 를 사용하여 앱과 웹페이지에 장소에 대한 익숙한 Google 지도 사용자 경험을 구현할 수 있습니다. 여기에는 개별적으로 또는 함께 사용하거나 다른 Google Maps Platform API와 함께 사용하여 최소한의 비용과 코드로 장소가 풍부한 환경을 제공할 수 있는 개별 UI 구성요소가 포함되어 있습니다.
Places UI Kit에는 장소 데이터를 렌더링하기 위한 다음과 같은 HTML 요소가 포함되어 있습니다.
- 장소 세부정보 요소는 선택한 장소의 영업시간, 웹사이트, 리뷰와 같은 세부정보를 렌더링합니다.
- 고급 장소 세부정보 요소 (미리보기) 는 장소 세부정보 요소를 확장하여 작업 버튼을 구성하고 리뷰 및 미디어에 검색 및 필터링 옵션을 적용할 수 있도록 합니다.
- 장소 검색 요소 주변 지역 검색 또는 텍스트 검색 쿼리에 대한 응답으로 장소 목록을 렌더링합니다.
- 고급 장소 검색 요소 (미리보기) 는 장소 검색 요소를 확장하여 작업 버튼을 구성하고 리뷰 및 미디어에 검색 및 필터링 옵션을 적용할 수 있도록 합니다.
- 고급 장소 목록 요소 (미리보기) 장소 ID 집합이 지정된 목록에 장소 모음을 렌더링하며 맞춤 버튼 및 필터링도 지원합니다.
- 기본 장소 자동 완성 요소 는 텍스트 입력란을 렌더링하고 UI 선택 목록에 장소 예상 검색어를 제공하며 선택한 장소의 장소 ID를 반환합니다.
핵심 기능 및 역량
- 최소한의 코드로 시작하여 Google의 신뢰할 수 있는 환경을 통합합니다.
- Places API보다 저렴한 비용으로 앱에 장소에 대한 Google 지도 UI를 구현합니다.
- 필요에 가장 적합한 데이터 및 표시 옵션을 선택합니다.
장소 UI 키트 Essentials 및 Pro
장소 UI 키트는 Essentials와 Pro의 두 가지 등급을 제공합니다. Places UI Kit Essentials 등급은 장소 세부정보, 기본 장소 자동 완성, 장소 검색 구성요소를 제공합니다. Pro 등급은 Essentials 등급 구성요소와 동일한 기능을 제공하지만 더 많은 맞춤설정 옵션과 고급 기능을 제공하는 고급 장소 세부정보, 고급 장소 검색, 고급 장소 목록 구성요소를 제공합니다.
아래 표에서는 장소 UI 키트 Essentials 및 Pro 등급을 자세히 비교합니다.
| 기능 | Places UI Kit Essentials | Places UI Kit Pro |
|---|---|---|
| 로우 코드 | ||
| 스타일 맞춤설정 | ||
| 콘텐츠 구성 | ||
| 장소 세부정보 | ||
| 사진 및 리뷰 | ||
| 사진 및 리뷰 구성 | ||
| 버튼 구성 | ||
| 맞춤 장소 목록 |
결제
다음 요소는 장소 UI 키트 Pro SKU에 청구됩니다.
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
장소 UI 키트 쿼리는 응답에 포함된 Places API 데이터를 기반으로 하지 않고 구성요소 인스턴스화를 기준으로 청구됩니다. 응답을 제공하는 데 필요한 기본 API 호출과 관련된 추가 비용은 없습니다. 예를 들어 장소 UI 키트 주변 지역 검색은 각 장소의 사진을 반환하는 데 추가 요금을 부과하지 않습니다.