{"id":20209389,"url":"https://github.com/googlemaps-samples/codelab-route-planner-101-js","last_synced_at":"2025-09-22T00:31:26.235Z","repository":{"id":245770668,"uuid":"819161027","full_name":"googlemaps-samples/codelab-route-planner-101-js","owner":"googlemaps-samples","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-17T07:31:14.000Z","size":890,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T11:36:48.916Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/googlemaps-samples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-24T00:21:17.000Z","updated_at":"2024-10-24T22:28:46.000Z","dependencies_parsed_at":"2024-06-24T03:21:10.171Z","dependency_job_id":"0b5eb0c6-e854-41b7-8fce-7119ab2dce08","html_url":"https://github.com/googlemaps-samples/codelab-route-planner-101-js","commit_stats":null,"previous_names":["googlemaps-samples/codelab-route-planner-101-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/googlemaps-samples/codelab-route-planner-101-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps-samples%2Fcodelab-route-planner-101-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps-samples%2Fcodelab-route-planner-101-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps-samples%2Fcodelab-route-planner-101-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps-samples%2Fcodelab-route-planner-101-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/googlemaps-samples","download_url":"https://codeload.github.com/googlemaps-samples/codelab-route-planner-101-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps-samples%2Fcodelab-route-planner-101-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276328899,"owners_count":25623323,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-21T02:00:07.055Z","response_time":72,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T05:39:51.019Z","updated_at":"2025-09-22T00:31:25.784Z","avatar_url":"https://github.com/googlemaps-samples.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Build a route planner with Maps Autocomplete and Routes API\nWhether you are embarking on a road trip, planning your daily commute, or navigating a bustling city, getting from point A to point B is more than just knowing where you want to go. A reliable route generation tool is essential.\n\nWith Google Maps Platform, you can easily add a dynamic map into your application, let users quickly input locations with autocomplete, and display routes on the map.\n\nThis Codelab guides developers through building a web application using Maps JavaScript API, Place Autocomplete, and the Routes API. You will master integrating multiple Google Maps Platform APIs through a hands-on tutorial.\n\nThis is the code referenced in the [Build a route planner with Maps Autocomplete and Routes API](https://developers.google.com/codelabs/maps-platform/route-planner-101-js) code lab from Google.\n\n## What you'll learn\n* How to enable Google Maps Platform APIs\n* How to integrate a dynamic map into a web application\n* How to integrate Places Autocomplete service\n* How to request a route through the Routes API\n* How to display the route on a dynamic map\n* How to create a Map ID\n* How to add Advanced Markers to a dynamic map\n\n## What you'll need\n* A Google Cloud Platform Project\n* Maps JavaScript API\n* Maps Place Autocomplete\n* Maps Routes API\n* Basic knowledge of HTML and CSS\n* Familiarity using Javascript/Node.js\n\n## License\nCopyright 2024 Google LLC\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    https://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgooglemaps-samples%2Fcodelab-route-planner-101-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgooglemaps-samples%2Fcodelab-route-planner-101-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgooglemaps-samples%2Fcodelab-route-planner-101-js/lists"}