Google Developers Codelabs provide a guided, tutorial, hands-on coding experience. Most codelabs will step you through the process of building a small application, or adding a new feature to an existing application. They cover a wide range of topics such as Android Wear, Google Compute Engine, ARCore, and Google APIs on iOS.
Codelab tools on GitHubCreate Your First 3D Map
40 minutes
Updated February 21, 2025
This codelab is intended to help you understand how to create your first 3D Map using Photorealistic 3D Maps in Maps JavaScript. You will learn the basics about loading the right components of the Maps Javascript API, displaying your first 3D Map and
Add markers and animation to a 3D Map
1 hour 37 minutes
Updated February 20, 2025
This tutorial explores how to add and style 3D markers in your application. You'll also learn how to animate your application by flying to and around specific locations. This tutorial builds on the concepts covered in the first codelab. If you
Validate Places API requests with Firebase AppCheck and reCAPTCHA
41 minutes
Updated December 10, 2024
In this codelab you’ll learn how to validate a Web application with Firebase AppCheck and reCAPTCHA before making requests to Places API
Add a map to your iOS app (Swift)
32 minutes
Updated November 11, 2024
This codelab teaches you how get started using Google Maps Platform for building iOS apps in Swift. You'll build an iOS app that does the following: To complete this codelab, you need the following accounts, services, and tools: For the enablement
Add a map to your iOS app with SwiftUI (Swift)
Updated November 11, 2024
This codelab teaches you how to use the Maps SDK for iOS with SwiftUI. For the following enablement step, enable Maps SDK for iOS. If you do not already have a Google Cloud Platform account and a project with billing enabled, please see the Getting
Add a Google map to a React app
42 minutes
Updated November 8, 2024
In this codelab, you learn everything that you need to get started with the vis.gl/react-google-map library for the Google Maps JavaScript API, which lets you add a Google map to a React app. You learn how to get set up, load the Maps JavaScript API,
Build a simple Android navigation app with Google Maps Platform Navigation SDK
29 minutes
Updated October 10, 2024
In this codelab you’ll learn how to create a simple navigation app using Google Maps Platform Navigation SDK.
Build a simple iOS navigation app in Swift with Google Maps Platform Navigation SDK
23 minutes
Updated October 10, 2024
In this codelab you’ll learn how to create a simple navigation app using Google Maps Platform Navigation SDK.
Query and Visualize Location Data in BigQuery with Google Maps Platform (JavaScript)
1 hour 55 minutes
Updated September 18, 2024
Maps can be a very powerful tool when visualizing the patterns in a dataset that are related to location in some way. This relation could be the name of a place, a specific latitude and longitude value, or the name of an area that has a specific
Add a map to your iOS app (Objective-C)
21 minutes
Updated September 18, 2024
In this codelab you'll learn everything you need to get started using Google Maps Platform for building iOS apps in Objective-C. You'll learn all the basics from getting set up to loading the Maps SDK for iOS, displaying your first map, working with
Build a full stack store locator with Google Maps Platform and Google Cloud
59 minutes
Updated September 18, 2024
Imagine you have many places to put on a map and you want users to be able to see where these places are and identify which place they want to visit. Common examples of this include: In this codelab, you will create a locator that draws from a live
Get started with the Places SDK for Android (Kotlin)
36 minutes
Updated September 18, 2024
This codelab teaches you how to integrate the Places SDK for Android with your app and use each of the Places SDK features. To complete this codelab, you'll need the following accounts, services, and tools: For the enablement step below, enable the
Build a nearby business search service with Google Maps Platform (JavaScript)
1 hour
Updated September 18, 2024
Learn to build a location-based web app using the Maps JavaScript API and PLaces Library to perform a Nearby Search.
Getting Started with the Places SDK for iOS (Objective-C)
Updated September 18, 2024
Before you begin coding, there are a few prerequisites that you'll need to set up. This tutorial uses Apple's Xcode tool, along with the Objective-C language to create a simple iOS application that runs in an emulator. You don't need a physical
Display nearby places in AR on Android (Kotlin)
Updated September 18, 2024
This codelab teaches you how to use data from Google Maps Platform to display nearby places in augmented reality (AR) on Android. This codelab uses Android 10.0 (API level 29) and requires that you have Google Play services installed in Android
Build a route planner with Place Autocomplete and Routes API
Updated September 18, 2024
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
Add a map to your website (JavaScript)
42 minutes
Updated September 18, 2024
In this codelab, you learn everything you need to get started using Google Maps Platform for the web. You learn all the basics, from getting set up to loading the Maps JavaScript API, displaying your first map, working with markers and marker
Build your own Current Place picker for Android (Java)
1 hour 4 minutes
Updated September 18, 2024
Learn how to use the Google Maps Platform Maps and Places SDKs for Android to present users with a list of possible Places to identify their locations.
Add a map to your Android app (Kotlin with Compose)
Updated September 18, 2024
This codelab teaches you how to integrate Maps SDK for Android with your app and use its core features by building an app that displays a map of mountains in Colorado, USA, using various types of markers. Additionally, you'll learn to draw other
Build 3D map experiences with WebGL Overlay View
1 hour
Updated September 18, 2024
This codelab teaches you how to use the WebGL-powered features of the Maps JavaScript API to control and render on the vector map in three dimensions. This codelab assumes you have intermediate knowledge of JavaScript and the Maps JavaScript API. To
Build a simple store locator with Google Maps Platform (JavaScript)
49 minutes
Updated September 18, 2024
One of the most common features of a website is displaying a Google map that highlights one or more locations for a business, establishment, or some other entity with a physical presence. How these maps are implemented can vary greatly depending on
Visualize data with Google Maps Platform and deck.gl
Updated September 18, 2024
This codelab teaches you how to create a high-volume geospatial data visualization using the Maps JavaScript API and deck.gl, an open-source, WebGL-accelerated, data-visualization framework. If you haven't used Google Maps Platform before, follow
Add a map to your Android app (Kotlin)
Updated September 18, 2024
This codelab teaches you how to integrate Maps SDK for Android with your app and use its core features by building an app that displays a map of bicycle shops in San Francisco, CA, USA. For the following enablement step, you need to enable Maps SDK
Adding Google Maps to a Flutter app
30 minutes
Updated May 13, 2024
In this codelab, you’ll build a Google Maps experience using the Flutter mobile app SDK for crafting high-quality native experiences on iOS, Android and the web.