경로 시작하기
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Routes Library, Maps JavaScript API를 설정하려면 다음 단계를 따르세요.
API 키 가져오기 및 Maps JavaScript API 사용 설정
Routes Library, Maps JavaScript API를 사용하려면 결제 계정이 있는 Cloud 프로젝트가 있어야 하고 Maps JavaScript API와 Routes API가 모두 사용 설정되어 있어야 합니다. 자세한 내용은 Google Cloud 프로젝트 설정을 참고하세요.
API 키 가져오기
Maps JavaScript API 사용 설정
Routes API 사용 설정
지도 초기화 코드 업데이트
- Maps JavaScript API를 로드합니다.
- 필요한 경우
async 함수 내에서 Routes 라이브러리를 로드합니다.
const { Route, RouteMatrix } = await google.maps.importLibrary('routes');
다음 단계
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-09-10(UTC)
[null,null,["최종 업데이트: 2025-09-10(UTC)"],[],[],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)"]]
