Maps JavaScript API는 Google의 장소 데이터를 앱에 통합할 수 있는 다양한 옵션을 제공합니다.
장소 클래스
장소 클래스는 장소 라이브러리에서 사용되는 위치의 표준 API 표현입니다. 장소 클래스를 사용하면 필요에 맞게 맞춤설정할 수 있는 지능형 검색 기능을 통해 사용자에게 자세한 위치 데이터를 제공할 수 있습니다. Places 서비스의 데이터는 실제 세계에서 가장 정확하고 최신이며 포괄적인 장소 모델 중 하나를 나타냅니다.
장소 UI 키트
장소 UI 키트는 사용하기 쉽고 맞춤설정이 가능하며 저렴한 비용의 구성요소 라이브러리로, 익숙하고 신뢰할 수 있는 Google 지도 사용자 환경을 앱에 구현할 수 있습니다. 장소 UI 키트 요소는 장소 라이브러리와 고도 라이브러리에서 사용할 수 있습니다.
장소 클래스는 장소 라이브러리를 사용하기 위한 API를 제공하며 프로미스와 같은 최신 사용 패턴을 지원합니다.
Place 클래스를 사용하면 앱에서 위치 인식 기능을 만들고, 필요에 따라 맞춤설정할 수 있는 지능형 검색 기능을 통해 사용자에게 자세한 위치 데이터를 제공할 수 있습니다. Places 서비스의 데이터는 실제 세계에서 가장 정확하고 최신이며 포괄적인 장소 모델 중 하나입니다.
[[["이해하기 쉬움","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-10(UTC)"],[[["\u003cp\u003eThe Maps JavaScript API lets you integrate Google's Place data into your applications, offering detailed location information through a customizable search feature.\u003c/p\u003e\n"],["\u003cp\u003eYou can utilize the Places UI Kit to easily incorporate pre-built Google Maps user experiences like search and autocomplete into your apps.\u003c/p\u003e\n"],["\u003cp\u003eThe legacy Places service is being replaced by the Place class, offering a more modern approach to location data with support for Promises and detailed location details.\u003c/p\u003e\n"],["\u003cp\u003eAccess a variety of Maps JavaScript API features including markers, location data, custom map styles, and interactive data layers.\u003c/p\u003e\n"],["\u003cp\u003eWork with Maps JavaScript API services such as directions, distance matrix, elevation, geocoding, maximum zoom imagery, and street view.\u003c/p\u003e\n"]]],[],null,["Overview\n\nThe Maps JavaScript API offers a variety of options to integrate Google's Place data into your apps.\n\nPlace class\n\nThe [Place class](/maps/documentation/javascript/place) is the canonical API representation of a location used in the Places Library. With the Place class, you can make detailed location data available to your users through an intelligent search feature that you can customize to suit your needs. Data from the Places service represents one of the most accurate, up-to-date, and comprehensive place models of the real world.\n\nPlaces UI Kit (Preview)\n\nThe [Places UI Kit (Preview)](/maps/documentation/javascript/places-ui-kit/overview) is an easy-to-use, customizable, and low-cost component library that lets you bring familiar and trusted Google Maps user experiences to your apps. Places UI Kit elements are available in the [Places Library](/maps/documentation/javascript/places) and the [Elevation Library](/maps/documentation/javascript/elevation).\n\nPlaces Service (Legacy)\n\nThe [Places Library, Maps JavaScript API](/maps/documentation/javascript/places) contains methods and data for the legacy Places service, which have been replaced by the [Place class](/maps/documentation/javascript/place). See [Migrate to Places (New)](/maps/documentation/javascript/places-migration-overview) for guides to help you migrate your apps to use the Place class in the Places Library. \n**Place classarrow_drop_down**\n\nThe Place class provides an API for using the Places library,\nand supports modern usage patterns such as [Promises](/maps/documentation/javascript/promises).\nWith the Place class, you can create location-aware features in your\napp and make detailed location data available to your users through an intelligent search feature\nyou customize to your needs. The data from the Places service is one of the most accurate,\nup-to-date, and comprehensive place models of the real world. \n**Use Maps JavaScript API featuresarrow_drop_down**\n- [Add markers to a map](/maps/documentation/javascript/advanced-markers/overview)\n- [Use the Places library to get location data](/maps/documentation/javascript/place)\n- [Customize the map's style and colors](/maps/documentation/javascript/cloud-customization)\n- [Add interactive data layers](/maps/documentation/javascript/dds-datasets/overview)\n- [Display administrative boundaries](/maps/documentation/javascript/dds-boundaries/overview)\n- [Add a WebGL graphic overlay](/maps/documentation/javascript/webgl/webgl-overlay-view) \n**Work with Maps JavaScript API servicesarrow_drop_down**\n- [Directions Service](/maps/documentation/javascript/directions)\n- [Distance Matrix](/maps/documentation/javascript/distancematrix)\n- [Elevation](/maps/documentation/javascript/elevation)\n- [Geocoding](/maps/documentation/javascript/geocoding)\n- [Maximum Zoom Imagery](/maps/documentation/javascript/maxzoom)\n- [Street View](/maps/documentation/javascript/streetview)"]]
