Whether 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.
With 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.
This 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.
This is the code referenced in the Build a route planner with Maps Autocomplete and Routes API code lab from Google.
- How to enable Google Maps Platform APIs
- How to integrate a dynamic map into a web application
- How to integrate Places Autocomplete service
- How to request a route through the Routes API
- How to display the route on a dynamic map
- How to create a Map ID
- How to add Advanced Markers to a dynamic map
- A Google Cloud Platform Project
- Maps JavaScript API
- Maps Place Autocomplete
- Maps Routes API
- Basic knowledge of HTML and CSS
- Familiarity using Javascript/Node.js
Copyright 2024 Google LLC
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
https://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.