Google Codelabs

Firebase 앱 체크 및 reCAPTCHA로 Places API 요청 확인

41분

Updated 2024년 12월 21일

이 Codelab에서는 Places API를 요청하기 전에 Firebase AppCheck 및 reCAPTCHA로 웹 애플리케이션을 검증하는 방법을 알아봅니다.

Start

iOS 앱에 지도 추가하기(Swift)

Updated 2022년 5월 10일

이 Codelab에서는 Swift에서 Google Maps Platform을 사용하여 iOS 앱을 빌드하는 방법을 알아봅니다. 다음 작업을 처리하는 iOS 앱을 빌드하게 됩니다. 이 Codelab을 완료하려면 아래의 계정, 서비스 및 도구가 필요합니다. 아래의 사용 설정 단계에서 iOS용 Maps SDK 를 사용 설정해야 합니다. Google Cloud Platform 계정 및 결제가 사용 설정된 프로젝트가 없는 경우 Google Maps

Start

Android 앱에 지도 추가(Kotlin)

Updated 2022년 5월 9일

이 Codelab에서는 Android용 Maps SDK를 앱과 통합하고 미국 캘리포니아주 샌프란시스코에 있는 자전거 매장을 표시하는 앱을 빌드하여 핵심 기능을 사용하는 방법을 알려줍니다. 다음 사용 설정 단계를 진행하려면 Android용 Maps SDK 를 사용 설정해야 합니다. Google Cloud Platform 계정 및 결제가 사용 설정된 프로젝트가 없는 경우 Google Maps Platform 시작하기 가이드를 참고하여 결제 계정 및

Start

웹사이트에 지도 추가하기(자바스크립트)

Updated 2022년 5월 7일

이 Codelab에서는 웹용 Google Maps Platform을 사용하는 데 필요한 모든 사항을 알아봅니다. 설정하기부터 Maps JavaScript API 로드하기, 첫 지도 표시하기, 마커 및 마커 클러스터링 사용하기, 지도에 그리기, 사용자 상호작용 처리하기에 이르기까지 모든 기본 사항을 학습합니다. 이 Codelab에서는 다음을 수행하는 간단한 웹 앱을 빌드합니다. 이 Codelab을 완료하려면 아래 항목을 숙지해야 합니다. 이미

Start

iOS 앱(Objective-C)에 지도 추가하기

Updated 2022년 5월 7일

이번 Codelab에서는 Objective-C에서 iOS 앱을 만들기 위해 Google Maps Platform을 사용할 때 필요한 사항을 모두 살펴봅니다. 설정부터 iOS용 Maps SDK 로드, 첫 번째 지도 표시, 마커 및 마커 클러스터링 작업, 지도에 그리기, 사용자 상호작용 처리에 이르기까지 모든 기본사항을 배우게 됩니다. 본 Codelab에서는 다음 작업을 수행하는 iOS 앱을 만듭니다. 본 Codelab을 완료하려면 아래 내용을

Start

Android에서 AR 모드로 주변 장소 표시(Kotlin)

Updated 2022년 5월 7일

이 Codelab에서는 Google Maps Platform의 데이터를 사용하여 Android에서 증강 현실(AR)로 주변 장소를 표시하는 방법을 배웁니다. 이 Codelab을 진행하려면 Android 10.0(API 레벨 29)을 사용하며, Android 스튜디오에 Google Play 서비스가 설치되어 있어야 합니다. 두 종속 항목을 모두 설치하려면 다음 단계를 완료하세요. 다음 섹션의 3단계에서 이 Codelab에 Android용 Maps

Start

Android용 Places SDK 시작하기(Kotlin)

Updated 2022년 5월 3일

이 Codelab에서는 Android용 Places SDK를 앱과 통합하고 각 Places SDK 기능을 사용하는 방법을 알아봅니다. 이 Codelab을 완료하려면 아래의 계정, 서비스 및 도구가 필요합니다. 아래의 사용 설정 단계에서 Places API 를 사용 설정합니다. Google Cloud Platform 계정 및 결제가 사용 설정된 프로젝트가 없는 경우 Google Maps Platform 시작하기 가이드를 참고하여 결제 계정 및

Start

Google Maps Platform과 Google Cloud를 사용하여 전체 스택 매장 검색 기능 빌드하기

Updated 2022년 5월 2일

지도에 표시할 장소가 여러 곳 있고 사용자가 이러한 장소를 확인하고 방문할 곳을 식별할 수 있도록 하려 한다고 상상해 보세요. 대표적인 예는 다음과 같습니다. 이 Codelab에서는 특수한 위치의 실시간 데이터 피드에서 가져오는 위치 검색 기능을 만듭니다. 사용자는 이 기능을 통해 출발지에서 가장 가까운 위치를 찾을 수 있습니다. 이 풀 스택 위치 검색 기능은 매장 위치가 25개 이하로 제한되는 단순한 매장 검색 기능 보다 훨씬 많은 수의

Start

WebGL Overlay View를 사용한 3D 지도 환경 빌드

Updated 2022년 5월 2일

이 Codelab에서는 Maps JavaScript API의 WebGL 기반 기능을 사용하여 3차원에서 벡터 지도를 제어하고 렌더링하는 방법을 배울 수 있습니다. 이 Codelab에서는 자바스크립트 및 Maps JavaScript API를 어느 정도 알고 있다고 가정합니다. Maps JS API 사용의 기본 사항을 알아보려면 웹사이트에 지도 추가하기 (자바스크립트) Codelab 을 참고하세요. 아래의 사용 설정 단계에서 Maps

Start