Codelab Google Developers menyediakan panduan, tutorial, dan praktik langsung pengalaman {i>coding<i}. Sebagian besar codelab akan memandu Anda dalam proses pembuatan aplikasi kecil, atau menambahkan fitur baru ke aplikasi yang sudah ada. Mereka mencakup berbagai topik seperti Android Wear, Google Compute Engine, ARCore, dan Google API di iOS.
Alat codelab di GitHubMemvalidasi permintaan Places API dengan Firebase AppCheck dan reCAPTCHA
41 menit
Updated 21 Desember 2024
Dalam codelab ini, Anda akan mempelajari cara memvalidasi aplikasi Web dengan Firebase AppCheck dan reCAPTCHA sebelum membuat permintaan ke Places API
Memulai Places SDK for Android (Kotlin)
Updated 9 Mei 2022
Codelab ini mengajarkan cara mengintegrasikan Places SDK for Android dengan aplikasi Anda dan menggunakan setiap fitur Places SDK. Untuk menyelesaikan codelab ini, Anda memerlukan akun, layanan, dan alat berikut: Untuk langkah pengaktifan di bawah,
Menambahkan peta ke aplikasi iOS (Swift)
Updated 9 Mei 2022
Codelab ini mengajarkan Anda cara mulai menggunakan Google Maps Platform untuk membuat aplikasi iOS di Swift. Anda akan membuat aplikasi iOS yang melakukan hal berikut: Untuk menyelesaikan codelab ini, Anda memerlukan akun, layanan, dan alat berikut:
Menambahkan peta ke aplikasi iOS (Objective-C)
Updated 7 Mei 2022
Di codelab ini, Anda akan mempelajari semua yang Anda perlukan untuk mulai menggunakan Google Maps Platform untuk membuat aplikasi iOS di Objective-C. Anda akan mempelajari semua dasar-dasar, mulai dari melakukan persiapan hingga memuat Maps SDK for
Menampilkan tempat-tempat terdekat dalam AR di Android (Kotlin)
Updated 7 Mei 2022
Codelab ini mengajari Anda cara menggunakan data dari Google Maps Platform untuk menampilkan tempat-tempat terdekat dalam augmented reality (AR). Codelab ini menggunakan Android 10.0 (API level 29) dan mengharuskan Anda menginstal layanan Google Play
Menambahkan peta ke situs Anda (JavaScript)
Updated 7 Mei 2022
Dalam codelab ini, Anda akan mempelajari semua yang dibutuhkan untuk mulai menggunakan Google Maps Platform untuk web. Anda akan mempelajari semua dasar-dasarnya, mulai dari melakukan persiapan hingga memuat Maps JavaScript API, menampilkan peta
Membuat pencari toko full stack dengan Google Maps Platform dan Google Cloud
Updated 2 Mei 2022
Bayangkan Anda memiliki banyak tempat untuk diletakkan di peta dan Anda ingin pengguna dapat melihat lokasi tempat tersebut dan mengidentifikasi tempat yang ingin mereka kunjungi. Contoh umumnya mencakup: Di codelab ini, Anda akan membuat pencari
Membuat peta versi 3D dengan Tampilan Overlay WebGL
Updated 1 Mei 2022
Codelab ini mengajarkan cara menggunakan fitur dengan teknologi WebGL dari Maps JavaScript API untuk mengontrol dan merender pada peta vektor dalam tiga dimensi. Codelab ini mengasumsikan bahwa Anda memiliki pengetahuan yang cukup terkait JavaScript
Menambahkan peta ke aplikasi iOS dengan SwiftUI (Swift)
Updated 30 April 2022
Codelab ini mengajarkan Anda cara menggunakan Maps SDK for iOS dengan SwiftUI. Untuk langkah pengaktifan berikut, aktifkan Maps SDK for iOS. Jika Anda belum memiliki akun Google Cloud Platform dan project dengan penagihan diaktifkan, lihat panduan
Membuat alat pilih Current Place milik Anda sendiri untuk Android (Java)
Updated 29 April 2022
Pelajari cara menggunakan Maps dan Places SDK for Android pada Google Maps Platform untuk menampilkan daftar kemungkinan Tempat kepada pengguna untuk mengidentifikasi lokasi mereka.
Menambahkan Google Maps ke aplikasi Flutter
Updated 29 April 2022
Dalam codelab ini, Anda akan mem-build pengalaman Google Maps menggunakan SDK aplikasi seluler Flutter untuk membuat pengalaman native berkualitas tinggi di iOS dan Android.
Memvisualisasikan data dengan Google Maps Platform dan deck.gl
Updated 28 April 2022
Codelab ini akan mengajarkan cara membuat visualisasi data geospasial bervolume tinggi menggunakan Maps JavaScript API dan deck.gl, sebuah framework visualisasi data open source yang diakselerasi oleh WebGL. Jika Anda belum pernah menggunakan Google
Membuat pencari toko sederhana dengan Google Maps Platform (JavaScript)
Updated 28 April 2022
Salah satu fitur paling umum pada situs adalah menampilkan peta Google yang menandai satu atau beberapa lokasi untuk bisnis, tempat usaha, atau sejumlah entitas lainnya dengan kehadiran fisik. Cara penerapan peta ini dapat sangat bervariasi
Create Your First 3D Map
40 menit
Updated 21 Februari 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 jam 37 menit
Updated 20 Februari 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
Add a Google map to a React app
42 menit
Updated 8 November 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 menit
Updated 10 Oktober 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 menit
Updated 10 Oktober 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 jam 55 menit
Updated 18 September 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
Build a nearby business search service with Google Maps Platform (JavaScript)
1 jam
Updated 18 September 2024
Learn to build a location-based web app using the Maps JavaScript API and PLaces Library to perform a Nearby Search.