Naver Map 그려주기

실습 설명

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

본 예제를 실습하기 위해선 네이버 클라이언트 아이디(Client ID)가 필요합니다.

클라이언트 아이디 발급 사이트 : https://www.ncloud.com/

클라이언트 아이디가 사용될 URL 링크를 등록할 때는 *.flextudio.com 으로 기입해주세요.

실습 결과 화면

난이도

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

학습목표

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

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

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

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

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

챕터 마무리

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

Last updated