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