Maps JavaScript API 中的 Places
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
總覽
Maps JavaScript API 提供多種選項，可將 Google 的地點資料整合至應用程式。
地點類別
Place 類別是地點的正式 API 表示法，用於 Places Library。透過 Place 類別，您可以透過智慧搜尋功能，為使用者提供詳細的位置資料，並根據需求自訂搜尋功能。地點服務的資料是現實世界最準確、最新且最全面的地點模型之一。
Places UI Kit
Places UI Kit 是操作簡單、可自訂的低成本元件程式庫，可讓您在應用程式中導入熟悉且值得信賴的 Google 地圖使用者體驗。Places UI Kit 元素位於 Places 程式庫和 Elevation 程式庫。
地點介面集服務 (舊版)
Maps JavaScript API 的 Places Library 包含舊版 Places 服務的方法和資料，這些方法和資料已由 Place 類別取代。如需相關指南，請參閱「遷移至 Places (新版)」，瞭解如何遷移應用程式，改用 Places 程式庫中的 Place 類別。
地點類別arrow_drop_down
「地點」類別提供 API，方便您使用 Places Library，並支援 Promise 等新型使用模式。您可以使用 Place 類別在應用程式中建立位置資訊感知功能，並透過智慧搜尋功能 (可根據需求自訂)，向使用者提供詳細的位置資訊資料。地點服務提供的資料是現實世界最準確、最新且全面的地點模型之一。
使用 Maps JavaScript API 功能arrow_drop_down
使用 Maps JavaScript API 服務arrow_drop_down
除非另有註明，否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權，程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間：2025-08-31 (世界標準時間)。
[null,null,["上次更新時間：2025-08-31 (世界標準時間)。"],[[["\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\n\nThe [Places UI Kit](/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)"]]
