소개

iNavi Maps API는 지도 회전 및 기울이기, 마커 및 정보창 표시 등 230개 이상의 다양한 기능을 제공하며, 웹에서 빠르고 쉽게 지도를 사용할 수 있게 해줍니다.

iNavi Maps API 를 사용하기 위해서는 Appkey 발급이 필요합니다.
Toast 사이트에서 ‘Maps’ 상품을 신청하여 AppKey 발급을 받으면 iNavi Maps API 를 사용 하실 수 있습니다.

자세한 사항은 Toast Maps 상품안내 를 참고해주세요.

시작하기

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>