Google Map 그려주기

실습 설명

본 실습은 Google Map API를 사용해서 시나리오에 현재 위치의 지도를 띄워주는 실습입니다.

본 예제를 실습하기 위해선 google map api Key가 필요합니다.

api key 발급 사이트 : https://developers.google.com/maps

api key 생성 가이드 : https://developers.google.com/maps/documentation/routes/get-api-key

실습 결과 화면

난이도

플렉스튜디오의 이벤트와 기본적인 자바크립트에 대한 이해가 필요한 실습입니다.

학습목표

• Embed 컴포넌트를 사용하는 방법에 대해 알아봅니다.

• 외부 Script 로드하기를 통한 API 스크립트를 로드하는 방법에 대해 알아봅니다.

• 현재 위치정보(GPS)를 가져오는 방법에 대해 알아봅니다.

• 현재 위치정보를 기반으로 지도를 생성하는 방법에 대해 알아봅니다.

• 스탭 시작시 이벤트 순서와 올바른 시점에 이벤트를 연결하는 방법에 대해 알아봅니다.

챕터 마무리

다음 챕터부터 본격적인 개발이 시작됩니다! 차근 차근 따라하시다 보면 어느새 완성되어 있을 거에요!