실제 세상에 대한 Google의 정보를 활용하여 멋진 앱 빌드하기
한 줄의 코드로 Places 기반 환경 제공
HTML
<html> <body> <gmp-place-details size="large"> </gmp-place-details> </body> </html>
자바스크립트
async function init() { await google.maps.importLibrary('places'); document .querySelector('gmp-place-details') .configureFromPlace({ id: 'ChIJj61dQgK6j4AR4GeTYWZsKWw' }); } init();
내보내기 방법 선택
인기 주제 살펴보기
Google I/O 2024 요약
생성형 AI 사용부터 몰입도 높은 환경을 구축하는 새로운 방법까지 올해 I/O에서 발표된 제품을 살펴보세요.
기술 세션 시청하기
Maps JavaScript API로 몰입도 높은 환경을 빌드하고 Places API에서 Gemini 모델 기능을 사용하는 새로운 방법을 알아보세요.
지도 Compose 라이브러리 워크숍
Android 개발자를 위한 이 Codelab 및 동영상 둘러보기에서 지도를 컴포저블로 통합하고, 마커를 맞춤설정 및 클러스터링하고, 지도에 다각형을 그리는 방법을 알아보세요.
이제 React 구성요소가 안정적입니다
React Google 지도 라이브러리를 사용하면 React 애플리케이션에서 지리 공간 환경을 더 쉽고 빠르게 빌드할 수 있습니다.
문서 살펴보기
SDK 및 API
지도
지도 SDK
웹 및 모바일용 동적 지도를 통해 사용자에게 장소의 실제 모습을 보여 줍니다.
정적 지도
웹사이트에 정적 지도를 표시합니다.
스트리트 뷰 이미지
앱에 360도 스트리트 뷰 이미지를 추가합니다.
고도
하나 이상의 위치 고도를 파악합니다.
항공 뷰
Google의 3D 지리 공간 이미지를 사용하여 렌더링된 항공 뷰 동영상을 만들고 표시합니다.
지도 타일
고해상도 실사 3D 타일, 2D 타일, and 스트리트 뷰 타일을 제공합니다.
Maps Datasets
Google Maps Platform 앱에서 사용할 데이터를 데이터 세트에 업로드하세요.
경로
경로
추가 기능이 포함된 Directions API 및 Distance Matrix API의 성능 최적화 버전입니다.
Navigation SDK
앱에 동적인 탐색 환경을 구축하세요.
도로
좌표를 사용하여 주변 도로를 식별합니다.
경로
실시간 교통정보와 함께 여러 이동수단의 경로를 제공합니다.
거리 행렬
여러 출발지 및 목적지 간의 이동 시간과 거리를 계산합니다.
경로 최적화
1대 이상의 차량에 대해 다중 정류장 경로를 유연하고 지능적으로 최적화합니다.
장소
Places API 및 SDK
Google의 장소 세부정보, 검색, 자동 완성을 앱과 통합합니다.
지오코딩
좌표를 주소로, 주소를 좌표로 변환합니다.
위치정보
주변 휴대폰 기지국과 Wi-Fi 노드를 사용하여 대략적인 기기의 위치를 찾습니다.
주소 확인
주소 및 구성요소를 확인합니다.
시간대
좌표 집합의 시간대를 확인합니다.
환경
태양광
특정 건물에 사용할 수 있는 옥상 태양광 에너지의 가능성을 찾습니다.
공기질
특정 위치의 공기질 지수, 오염 물질, 건강 권장사항을 가져옵니다.
꽃가루
유형, 식물, 지수를 포함한 특정 위치의 꽃가루 정보를 가져옵니다.
Google Maps Platform 동영상 보기
새로운 Places API 발표
새로운 Places API를 사용하면 전기자동차 충전소, 커피숍, 목적지의 접근성 시설 등을 포함하여 지원되는 장소 유형의 수가 두 배로 늘어났습니다.
Air Quality and Pollen API 소개
사용자가 현재 위치에서 대기 오염 물질 및 대기 꽃가루에 노출되지 않도록 하고, 정보에 입각한 건강 관련 의사 결정을 내릴 수 있도록 지원합니다.
Flutter 앱에 지도를 추가하는 방법
Dart 및 Flutter를 사용하여 Google 지도를 네이티브 Android, iOS, 웹 앱에 추가하는 방법을 알아봅니다.
Maps JavaScript API와 함께 React 사용
5분 만에 Maps JavaScript API를 로드하고 React의 지도에 마커를 배치하는 방법을 알아보세요.
WebGL Overlay View와 전체 deck.gl 통합
엔지니어링 책임자인 트래피브 맥페일은 deck.gl이 이제 WebGL Overlay View와 통합되어 놀라운 3D 데이터 시각화를 구현할 수 있다고 설명합니다.
Domino's가 어디서나 피자를 배달하는 방법
Domino's가 Google Maps Platform을 사용하여 Pinpoint Delivery 기능을 지원하는 방법을 알아보세요.
Google Maps Platform API 및 SDK를 사용 설정하는 방법
Google Cloud 콘솔에서 Google Maps Platform API 및 SDK를 사용 설정하는 방법을 알아보세요. API와 SDK는 웹과 모바일 플랫폼 전반에 걸쳐 지도, 경로, 장소에 사용할 수 있습니다.
Google Maps Platform 소개
이 동영상에서는 Angela Yu가 Google Maps Platform API 및 SDK를 통해 이용할 수 있는 기능에 대해 간략하게 설명하고 이러한 기능을 사용하기 위한 샘플 코드를 알려 드립니다.
Codelabs로 학습하기
React 앱에 Google 지도 추가
이 Codelab에서는 Google Maps JavaScript API용 vis.gl/react-google-map 라이브러리를 시작하는 데 필요한 모든 사항을 알아봅니다.
Codelab: SwiftUI로 모바일 앱에 지도 추가하기 - iOS
SwiftUI를 사용하여 iOS용 Maps SDK를 모바일 앱에 통합하는 방법에 대해 알아보세요.
Codelab: Android 앱에 지도 추가하기 - Compose를 사용한 Kotlin
Android용 Maps SDK에서 지도 Compose 라이브러리를 사용하는 방법을 알아봅니다.
Flutter와 함께 Google Maps Platform 사용하기
Google Maps Platform으로 Flutter 앱을 빌드해보세요.
개발자 커뮤니티 가입하기
Google Maps Platform팀으로부터 최신 뉴스와 팁을 지속적으로 받아 보세요.
GitHub
보다 효과적이고 빠르게 빌드하는 데 도움이 되는 Google의 오픈소스 유틸리티 및 예시 앱을 확인해 보세요.
YouTube
튜토리얼, 도움말, 공지사항, 개발자 스토리 등을 확인해 보세요.
블로그
Google Maps Platform과 관련된 최신 심층 뉴스와 스토리를 모두 확인해 보세요.
Google 개발자 라이브러리
전 세계의 개발자가 만든 코드 및 콘텐츠 라이브러리에서 배우세요.
Discord
Google Maps Platform Discord 서버에서 다른 개발자의 도움을 받고 Google팀을 만나 보세요.
도움말 보기 및 지원 받기
Stack Overflow
도움을 주고받으며 더 멋진 지도를 만들어 보세요.
Issue Tracker
버그를 신고하거나 기능 요청을 여세요.
플랫폼 상태
플랫폼 이슈 및 서비스 중단에 대해 알아보세요.
지원
지원팀의 도움을 받으세요. 가장 적합한 지원 서비스를 선택하세요.
시작하기
Google Maps Platform은 쉽고 빠르게 시작할 수 있습니다.
결제 계정을 만들고, 원하는 기능을 사용 설정한 다음 API 키를 가져와 빌드를 시작하세요.
시작하기 문서 및 동영상에서 자세히 알아보세요.
Google Maps Platform의 미래를 만들 수 있도록 도와주세요
현재 Google 제품을 사용하지 않더라도 연구 조사 참여를 신청하세요.