Codelabs توسعه دهندگان Google یک تجربه کدنویسی هدایت شده، آموزشی و عملی را ارائه می دهد. اکثر کد لبه ها شما را در مراحل ساخت یک برنامه کوچک یا افزودن یک ویژگی جدید به یک برنامه موجود گام می گذارند. آنها طیف گسترده ای از موضوعات مانند Android Wear، Google Compute Engine، ARCore و Google API را در iOS پوشش می دهند.
ابزار Codelab در GitHubCreate Your First 3D Map
۴۰ دقیقه
Updated ۲۱ فوریهٔ ۲۰۲۵
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
۱ ساعت ۳۷ دقیقه
Updated ۲۰ فوریهٔ ۲۰۲۵
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
۴۱ دقیقه
Updated ۱۰ دسامبر ۲۰۲۴
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)
۳۲ دقیقه
Updated ۱۱ نوامبر ۲۰۲۴
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 ۱۱ نوامبر ۲۰۲۴
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
۴۲ دقیقه
Updated ۸ نوامبر ۲۰۲۴
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
۲۹ دقیقه
Updated ۱۰ اکتبر ۲۰۲۴
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
۲۳ دقیقه
Updated ۱۰ اکتبر ۲۰۲۴
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)
۱ ساعت ۵۵ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
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)
۲۱ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
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
۵۹ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
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)
۳۶ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
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)
۱ ساعت
Updated ۱۸ سپتامبر ۲۰۲۴
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 ۱۸ سپتامبر ۲۰۲۴
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 ۱۸ سپتامبر ۲۰۲۴
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 ۱۸ سپتامبر ۲۰۲۴
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)
۴۲ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
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)
۱ ساعت ۴ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
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 ۱۸ سپتامبر ۲۰۲۴
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
۱ ساعت
Updated ۱۸ سپتامبر ۲۰۲۴
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)
۴۹ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
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 ۱۸ سپتامبر ۲۰۲۴
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 ۱۸ سپتامبر ۲۰۲۴
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
۳۰ دقیقه
Updated ۱۳ مهٔ ۲۰۲۴
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.