시작하기 - iNavi Maps API

시작하기

Javascript 기반 아이나비 웹 지도 API 를 사용하기 위해 필요한 작업을 설명합니다.

• 지도를 표시할 엘리먼트를 생성

지도를 표시하려면 웹 페이지에 지도를 위한 영역을 만들어줘야 합니다.
```
<div id="map" style="width:500px;height:500px"></div>
```
• 지도를 초기화할 함수를 선언

API 불러오기가 끝나야 API를 사용할 수 있으므로, 이를 가능하게 하기 위해 지도 초기화 기능을 실행할 함수를 선언합니다.
```
<script>
function initMap() {
    // 지도 초기화
    var map = new inavi.maps.Map({
      container: "map",
    });
  }
</script>
```
• 인증 스크립트 추가

지도를 사용하기 위한 API를 불러오는 과정입니다. Toast Maps 에서 발급받은 AppKey 와 API 를 사용해 지도를 초기화할 함수를 준비해주세요.
```
<script src="https://api-maps.cloud.toast.com/maps/v3.0/appkeys/{appkey}/maps?callback=initMap"></script>
```