# WEB(JS) 기반 지도 API 사용 가이드

INAVI Maps의 지도 API는 지도 회전 및 기울이기, 마커 및 정보창 표시 등 230개 이상의 다양한 기능을 제공하며, 웹에서 빠르고 쉽게 지도를 사용할 수 있게 해줍니다. INAVI Maps의 지도 API를 사용하기 위해서는 Appkey 발급이 필요합니다. Toast 사이트에서 ‘Maps’ 상품을 신청하여 AppKey 발급을 받으면 INAVI Maps를 사용하실 수 있습니다.

<!-- Section: 상세 내용 -->

### COMMONCONFIG


#### TIMELINETITLE

APPKEY 발급 및 연동 절차


#### TOCITEMS


##### ID

preparation


##### LABEL

1. 준비하기


##### HREF

#preparation


##### ID

step1


##### LABEL

2. SNS 회원가입


##### HREF

#step1


##### ID

step2


##### LABEL

3. APP 추가


##### HREF

#step2


##### ID

step3


##### LABEL

4. 요금제 신청


##### HREF

#step3


##### ID

step4


##### LABEL

5. APPKEY 확인


##### HREF

#step4


##### ID

step5


##### LABEL

6. API 사용 시작


##### HREF

#step5


### COMMONSTEPS


#### ID

preparation


#### STEPNUMBER

1


### 준비하기


#### DESCARRAY

INAVI Maps를 사용하려면 APPKEY 발급이 필요합니다.

APPKEY는 API 호출 시 애플리케이션을 인증하는 고유 키이며, 아래 단계를 완료하면 즉시 사용할 수 있습니다.


#### INFO

APPKEY는 APP 단위로 발급됩니다.


#### EXAMPLEALT

콘솔 메인 / 대시보드 화면 예시


#### ID

step1


#### STEPNUMBER

2


### SNS 회원가입 (계정 생성)

APPKEY 발급을 위해 먼저 INAVI Maps 계정을 생성해야 합니다.


#### METHODS


#### 가입 방법


##### LIST

우측 상단 [로그인] 버튼을 클릭합니다.

SNS 계정을 선택합니다.

SNS 인증 완료 후 개인 또는 사업자 회원 가입을 진행합니다.


#### EXAMPLEALT

SNS 로그인/가입 화면 예시


#### ID

step2


#### STEPNUMBER

3


### APP 추가

APPKEY는 개별 APP 단위로 발급됩니다. 따라서 먼저 APP을 생성해야 합니다.


#### METHODS


#### APP 추가 방법


##### LIST

콘솔 > 대시보드 메뉴로 이동합니다.

'APP을 추가해 주세요.' 카드를 클릭합니다.

APP 추가 팝업창에서 APP 이름을 입력합니다.

[확인] 버튼을 클릭합니다.

APP 목록에서 등록된 APP을 확인합니다.


#### EXAMPLEALT

APP명 입력 및 생성 과정 예시


#### ID

step3


#### STEPNUMBER

4


### 요금제 신청


#### DESCARRAY

INAVI Maps를 서비스 사용량에 따라 요금제를 제공합니다.

요금에 대한 자세한 설명은 요금 소개를 참고하시기 바랍니다.


#### METHODS


#### 신청 방법


##### LIST

요금제 > 요금 소개 메뉴로 이동합니다.

원하는 요금제 항목 선택 후 [신청하기] 버튼을 클릭합니다.

신청 정보 및 이용 약관에 모두 동의하고, [신청] 버튼을 클릭합니다.

요금제 신청이 완료됩니다.


#### INFOARRAY

요금제 신청 즉시 서비스 사용이 활성화됩니다.

ENTERPRISE 요금제의 경우 관리자 승인 후 서비스 사용이 가능합니다.


#### EXAMPLEALT

요금제 선택 및 신청 화면 예시


#### ID

step4


#### STEPNUMBER

5


### APPKEY 확인

요금제 신청이 완료되면 APPKEY가 자동 발급됩니다.


#### METHODS


#### APPKEY 확인 방법


##### LIST

콘솔 > APP 메뉴로 이동합니다.

APP 설정 페이지로 이동합니다.

APPKEY 영역에서 등록된 APPKEY를 확인합니다.


#### EXAMPLEALT

APP 설정 내 APPKEY 확인 예시


#### ID

step5


#### STEPNUMBER

6


### API 사용 시작

이제 발급받은 APPKEY를 API 호출 시 사용할 수 있습니다.


#### INFO

APPKEY는 외부에 노출되지 않도록 관리해주세요.


## 서비스 정보


## 시작하기


### INTRO

INAVI Maps 지도 API는 웹 서비스에 최적화된 고성능 벡터 지도를 제공하며, 다양한 스타일과 인터랙션 기능을 통해 사용자에게 최상의 지도 경험을 제공합니다.


### EXAMPLE


#### HEADER

예시 (Web JS - 지도)


#### EXTENSIONS

javascript


#### CODETEMPLATE

const script = document.createElement('script'); script.src = '{URL}/{APPKEY}/maps'; document.head.appendChild(script);


### FEATUREGUIDE


#### TEXT

지도 기능 소개


#### PATH

/map-feature-guide

지도 API를 활용한 다양한 지도 기능들을 확인해 보세요.