장소 UI 키트 구성요소 라이브러리를 사용하면 Places API를 지원하는 동일한 데이터를 사용하여 앱과 웹페이지에 장소에 대한 익숙한 Google 지도 사용자 경험을 구현할 수 있습니다. 독립적으로, 함께 또는 다른 Google Maps Platform API와 함께 사용하여 최소한의 비용과 코드로 장소 관련 풍부한 환경을 제공할 수 있는 개별 UI 구성요소 집합이 포함되어 있습니다.
Places UI Kit에는 장소 데이터를 렌더링하기 위한 다음 HTML 요소가 포함되어 있습니다.
장소 세부정보 요소 (장소 세부정보 및 장소 세부정보 Compact)는 선택한 장소의 영업시간, 웹사이트, 리뷰와 같은 세부정보를 렌더링합니다.
장소 검색 요소(장소 주변 검색 및 장소 텍스트 검색)는 주변 검색 또는 텍스트 검색 쿼리에 대한 응답으로 장소 목록을 렌더링합니다.
기본 장소 자동 완성 요소는 텍스트 입력란을 렌더링하고 UI 선택 목록에 장소 예상 검색어를 제공하며 선택한 장소의 장소 ID를 반환합니다.
고도(실험적)는 고도 데이터를 단일 지점의 숫자 값 또는 경로의 시각적 플롯으로 렌더링합니다.
핵심 기능 및 역량
최소한의 코드로 시작하여 Google의 신뢰할 수 있는 환경을 통합하세요.
Places API보다 저렴한 비용으로 장소용 Google 지도 UI를 앱에 가져올 수 있습니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-08-11(UTC)"],[[["\u003cp\u003eThe Places UI Kit offers pre-built UI components for integrating Google Maps Places functionality into your apps and web pages.\u003c/p\u003e\n"],["\u003cp\u003eIt includes components like Place Details, Place List, and Elevation for displaying place information and elevation data.\u003c/p\u003e\n"],["\u003cp\u003eThis kit is cost-effective compared to the Places API and allows customization of data and display options.\u003c/p\u003e\n"],["\u003cp\u003eThis product or feature is currently in the Experimental (pre-GA) phase, which means it has limited support and potential for incompatibility.\u003c/p\u003e\n"]]],[],null,["The Places UI Kit component library lets you bring the familiar Google Maps user experience\nfor Places to your apps and web pages, using the same data that powers the Places API. It\nincludes a set of individual UI components that can be used independently, together, or in\nconjunction with other Google Maps Platform APIs to deliver a Places-rich experience with\nminimal cost and code.\n\nThe Places UI Kit includes the following HTML elements for rendering Places data:\n- [Place Details Elements](/maps/documentation/javascript/places-ui-kit/place-details) (Place Details and Place Details Compact) render details such as opening hours, website, and reviews for a selected place.\n- [Place List](/maps/documentation/javascript/places-ui-kit/place-list), also known as Place Search, renders a list of places in response to either a Places [Text Search](/maps/documentation/javascript/place-search) or a Places [Nearby Search](/maps/documentation/javascript/nearby-search).\n- [Elevation](/maps/documentation/javascript/places-ui-kit/elevation) renders elevation data as a numerical value for a single point, or as a visual plot for a path.\n| **Tip:** The Places UI Kit offers extensive visual customization options at no extra charge. See [Places UI\n| Kit Custom Styling](/maps/documentation/javascript/places-ui-kit/custom-styling) for more information.\n\nKey features and capabilities\n - Incorporate Google's trusted experience starting with minimal code.\n - Bring Google Maps UI for Places to your apps at a lower cost than the Places API.\n - Choose the data and display options that best suit your needs.\n\nNext step: [Get\nstarted with the Places UI Kit](/maps/documentation/javascript/places-ui-kit/get-started)"]]
