API 4를 이용해 주시기 바랍니다. https://api-sample.dabeeomaps.com/
- 기능 개선 성능향상이 실시간 업데이트되니, 공식 api 링크를 사용하시기 바랍니다.
- https://dabeeomaps.com/docs
- 다비오맵스 3 API 는 다비오맵스 실내지도플랫폼 지도를 활용한 서비스를 쉽고 빠르게 구축 할 수 있게 JavaScript 형태로 공개한 기술들입니다.
- 본 문서에서는 웹 서비스 또는 애플리케이션에 지도 기능을 구현하기 위한 기능에 대한 설명이 담겨 있습니다.
javascript_API_기능정의서_2021_03_16_v2.0.xlsx - Spec_Map_option.pdf
1. 다비오맵스 실내지도플랫폼 > 실내지도 > 지도관리 메뉴로 이동합니다.
2. 지도관리 목록에서 지도 정보를 클릭합니다.
3. 상세 지도 정보에서 인증접근 정보를 확인합니다.
<script type="text/javascript" src="[다비오기술문서의 api 링크]" ></script>- 다비오기술문서의 api 링크는 https://dabeeomaps.com/docs 에서 확인할 수 있습니다.
- API 를 로딩하는 스크립트의 위치는 head, body등 어디에 위치해도 상관없으나 실행코드보다 항상 먼저 선언되어야 합니다.
- 최신 버전의 js 기능을 테스트해볼 수 있습니다.
https://dabeeo.github.io/web_api/demo/
- 최신 버전의 다양한 js 사용 예제를 볼 수 있습니다.
https://dabeeo.github.io/web_api/example/#index
- 간단히 지도만 렌더링하는 샘플 코드 및 실행화면입니다.
- 실행 : https://dabeeo.github.io/web_api/samples
- code sample : https://github.com/dabeeo/web_api/blob/master/samples/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="map"></div>
<script src="[다비오기술문서의 api 링크]"></script>
<script>
window.onload = function () {
var mapContainer = document.getElementById('map'); // 지도를 표시할 div
// 지도 인증정보
var authorization = new indoorMapApi.Authorization({
clientId: "28AXw_veA2YbNKDP6poTpT",
clientSecret: "70c540c169af62808f4da3709e988e06"
});
var mapOptions = {
authorization: authorization
};
// 지도를 표시할 div, 옵션으로 생성 후 로딩이 완료되면 콜백으로 결과를 리턴합니다
new indoorMapApi.MapView(
mapContainer, // 컨테이너
mapOptions, // 옵션
function (response) { // 맵 로드 콜백
var code = response.getCode();
if (code === 200) {
var mapDraw = response.getPayload().mapDraw;
// do something
console.log("map view success!")
}
}
);
};
</script>
</body>
</html>