利用 Google 地圖平台提供的最新地圖介面集、路徑介面集和地點介面集功能,打造真實世界的即時體驗。Google 團隊專為世界各地開發人員打造。
只要一行程式碼就能開始使用,Places UI Kit (實驗版) 可協助您專注於使用者體驗,而非複雜的整合作業。

HTML

<html>
    <body>

      <gmp-place-details size="large">
      </gmp-place-details>

    </body>
</html>

JavaScript

async function init() {
  await google.maps.importLibrary('places');
  document
    .querySelector('gmp-place-details')
    .configureFromPlace({ id: 'ChIJj61dQgK6j4AR4GeTYWZsKWw' });
}

init();

選擇匯出方式

探索熱門主題

2024 年 Google I/O 大會重點總整理

Google I/O '24 回顧

從使用生成式 AI 到打造沉浸式體驗的新方法,請參閱今年 I/O 大會上發布的產品。

觀看技術講座

觀看技術講座

瞭解如何使用 Maps JavaScript API 建構沉浸式體驗的新方法,以及如何使用 Places API 中的 Gemini 模型功能。

參加工作坊

Maps Compose 程式庫工作坊

本程式碼研究室和 Android 開發人員適用的影片操作說明,將說明如何將地圖整合為可組合項、自訂和叢集標記,以及在地圖上繪製多邊形。

React 元件

React 元件現已穩定

React Google 地圖程式庫已準備就緒,可協助您在 React 應用程式中更快速、更輕鬆地建構地理空間體驗。

SDK 和 API

運用詳盡的說明文件、程式碼範例和應用程式範例等資源,進行探索、學習及建構。

透過可用於網頁和行動裝置的動態地圖,帶給使用者身歷其境的感受。

在網站上顯示靜態地圖。

在應用程式中加入 360 度街景服務圖像。

取得一個或一系列地點的海拔高度。

製作並展示運用 Google 3D 地理空間圖像呈現的鳥瞰圖影片。

API

提供高解析度的擬真成像 3D 圖塊、2D 圖塊和街景服務圖塊。

API

將資料上傳至資料集,以便在 Google 地圖平台應用程式中使用。

效能最佳化的 Directions API 和 Distance Matrix API 版本,並提供額外功能。

API

為應用程式打造動態導覽體驗。

使用座標來識別附近的道路。

API

提供多種交通方式的路線資訊,主要特色是即時車流量資訊。

計算多個出發地和目的地之間的交通時間和距離。

靈活且聰明地為一或多輛車最佳化多停靠站路線。

API

將 Google 的 Place Details、Place Search 和 Place Autocomplete 功能整合至您的應用程式。

使用現成、可自訂且經濟實惠的元件程式庫,將 Google 地圖 Places 的熟悉使用者體驗帶入前端用途。

JS

將座標轉換為地址,或將地址轉為座標。

使用鄰近的行動通信基地台和 Wi-Fi 節點,取得裝置的概略位置資訊。

API

驗證地址及相關元件。

API

判斷一組座標的時區。

API

根據不同條件,提供指定區域內地點的洞察資料。

API

查詢特定建築物的屋頂太陽能發電潛力。

API

擷取特定地點的空氣品質指數、汙染物和健康建議。

API

取得特定地點的花粉資訊,包括類型、植物和指數。

API

觀看 Google 地圖平台影片

新版 Places API 支援的地點類型數量現已增加一倍,包括電動車充電站、咖啡店、目的地的無障礙住宿等等。

這類應用程式可讓使用者避免所在位置出現空氣汙染物和空氣花粉,並做出更明智的健康相關決策。

瞭解如何利用 Dart 和 Flutter,在 Android 原生、iOS 和網頁應用程式中加入 Google 地圖。

瞭解如何只花不到 5 分鐘就載入 Maps JavaScript API,並在 React 的地圖上放置標記。

工程主管 Travis McPhail 指出,deck.gl 現已與 WebGL 疊加層檢視整合,方便您製作出色的 3D 資料視覺化內容。

瞭解達美樂如何運用 Google 地圖平台支援 Pinpoint Delivery 功能。

瞭解如何使用 Google Cloud 控制台啟用 Google 地圖平台的 API 和 SDK。地圖介面集、路徑介面集和地點介面集的 API 和 SDK 支援網路和行動裝置平台。

在這部影片中,Angela Yu 會概略說明 Google Maps Platform API 和 SDK 提供的功能,並分享使用這些功能的程式碼範例。

透過程式碼研究室學習

地圖上有黃色標記,以及重疊的藍色半透明圓形。

在 React 應用程式中加入 Google 地圖

在本程式碼研究室中,您將瞭解開始使用 Google Maps JavaScript API 的 vis.gl/react-google-map 程式庫所需的一切。

程式碼研究室:透過 SwiftUI 在行動應用程式中加入地圖 - iOS

程式碼研究室:透過 SwiftUI 在行動應用程式中加入地圖 - iOS

瞭解如何使用 SwiftUI 將 Maps SDK for iOS 整合到行動應用程式。

程式碼研究室:在 Android 應用程式中加入地圖 - Kotlin

程式碼研究室:在 Android 應用程式中加入地圖 - 使用 Compose 的 Kotlin

瞭解搭配使用 Maps Compose 程式庫與 Maps SDK for Android 的基本概念。

Flutter 程式碼研究室

搭配 Flutter 使用 Google 地圖平台

使用 Google 地圖平台建立 Flutter 應用程式。

加入我們的開發人員社群

掌握 Google 地圖平台團隊提供的最新消息和提示。

參考我們的開放原始碼公用程式和範例應用程式,加速打造出更優質的應用程式。

教學課程、秘訣、公告、開發人員經驗談等內容。

Google 地圖平台提供的所有最新深入報導和消息。

世界各地的開發人員集思廣益,共同提供豐富的程式碼和內容資料庫,歡迎向他們學習。

在 Google 地圖平台 Discord 伺服器上取得其他開發人員的協助,並認識我們的團隊。

取得協助與支援

取得協助。給予協助。打造互相幫助的地圖社群。

回報錯誤或提出功能要求。

瞭解平台事件和服務中斷情形。

向支援團隊尋求協助。請選擇最適合您的支援服務。

立即開始使用

只要簡單幾個步驟,��能���速開始使用 Google 地圖平台。

建立帳單帳戶。啟用所需功能。取得 API 金鑰。開始建立地圖!

詳情請參閱入門指南文件和影片。

與我們共創 Google 地圖平台的未來

無論您目前是否使用我們的產品,都歡迎報名參加研究調查。