開始使用 Routes
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
請按照下列步驟設定 Routes Library (Maps JavaScript API):
取得 API 金鑰並啟用 Maps JavaScript API
您需要擁有已連結帳單帳戶的 Cloud 專案,並啟用 Maps JavaScript API 和 Routes API,才能使用 Maps JavaScript API 的 Routes 程式庫。詳情請參閱「設定 Google Cloud 專案」一文。
取得 API 金鑰
啟用 Maps JavaScript API
啟用 Routes API
更新地圖初始化程式碼
- 載入 Maps JavaScript API。
- 視需要從
async
函式內載入 Routes 程式庫:
const { Route, RouteMatrix } = await google.maps.importLibrary('routes');
後續步驟
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2025-09-10 (世界標準時間)。
[null,null,["上次更新時間:2025-09-10 (世界標準時間)。"],[],[],null,["**European Economic Area (EEA) developers** If your billing address is in the European Economic Area, effective on 8 July 2025, the [Google Maps Platform EEA Terms of Service](https://cloud.google.com/terms/maps-platform/eea) will apply to your use of the Services. Functionality varies by region. [Learn more](/maps/comms/eea/faq).\n\nFollow these steps to get set up with Routes Library, Maps JavaScript API\n\nGet an API key and enable the Maps JavaScript API \nBefore using the Routes Library, Maps JavaScript API,\nyou need a Cloud project with a billing account, and both the\nMaps JavaScript API and Routes API enabled. To\nlearn more, see [Set up your Google Cloud project](/maps/documentation/javascript/cloud-setup).\n[Get an API key](/maps/documentation/javascript/get-api-key)\n\n\n[Enable the Maps JavaScript API](https://console.cloud.google.com/apis/library/maps-backend.googleapis.com)\n\n\n[Enable the Routes API](https://console.cloud.google.com/apis/library/routes.googleapis.com)\n\nUpdate your map initialization code\n\n1. [Load the\n Maps JavaScript API](/maps/documentation/javascript/load-maps-js-api).\n2. Load the Routes library from within an `async` function when needed:\n\n```javascript\n const { Route, RouteMatrix } = await google.maps.importLibrary('routes');\n \n```\n\nNext steps\n\n- [Route class overview](/maps/documentation/javascript/routes/route-class-overview)\n- [Migrate to the new Route class](/maps/documentation/javascript/routes/routes-js-migration)\n- [Route Matrix class overview](/maps/documentation/javascript/routes/route-matrix-class-overview)\n- [Migrate to the new Route Matrix class](/maps/documentation/javascript/routes/route-matrix-js-migration)"]]