# Angle

Properties:

See:

• MapOption

Example

// default value 
angle: {
vertical : 0, 
horizontal : 0,
fixed : false
}    

# AnimateOption

Properties:

Example

animate: {              //내위치 마커 애니메이션 효과 속성 
                            color: "#ff00ff",   //내위치 마커의 색상
                            opacity: 0.3,       //내위치 마커의 투명도
                            desireScale: 3.5    //내위치 마커의 최대 크기 
                        }

# AuthorizationOption

Properties:

Example

let authorization = new indoorMapApi.Authorization({
     clientId: "28AXw_veA2YbNKDP6poTpT", 
     clientSecret: "70c540c169af62808f4da3709e988e06"});

# CameraMode

Properties:

See:

• MapDraw

Example

camera: "3d"

# CameraType

Properties:

Example

camera: "3d"

# ControlDrag

Properties:

See:

• MapOption

Example

controlDrag: {
"3d" : "left", // 왼쪽 클릭으로 지도이동
"2d" : "right" // 오른쪽 클릭으로 지도이동
}  

# ConvertPositionOption

Properties:

Example

var convertPositionOption = {
                position: {
                  x: 100, 
                  y: 200 
                },
                degree: -5.27, 
                zeroPoint: {
                  x: -284,
                  y: 286.5
                }, 
                xDirection: 1, 
                yDirection: -1 
              };

# FloorChangeInfo

Properties:

# FloorInfo

Properties:

Example

[
    {
      "id": "FL-qhndqjlqhu7p3894",
      "name": [
        {
          "lang": "ko",
          "text": "11F"
        }
      ],
      "defaultYn": true
    }
]

# FloorName

Properties:

# IconOption

Properties:

# ImageConvertOption

Properties:

# LangInfo

Properties:

Example

[    {
      "lang":"ko",
      "name":"한국어",
      "name_en":"Korean",
      "defaultYn":true
    }
]

# LangType

Properties:

# Location

Properties:

Examples

{  // 좌표로 입력하는경우 
      position : { x: 1795.07054740437, y: 1519.36098544918, z: 0 },    
      floorId: "FL-qhndqjlqhu7p3894"
}  

{  // poi의 id를 입력하는 경우
      poiId : poiId,    
      floorId: "FL-qhndqjlqhu7p3894"
}

# MapCordInfo

Properties:

Example

{ 
    "fixedPosition": { // 지도 영점
        "x": 0,
        "y": 0,
        "z": 0
    },    
    "scaleCm": 10, // 지도 축척비
    "xaxisDirection": 1, // x 증가방향
    "yaxisDirection": 1, // y 증가방향
    "size": { // 지도 사이즈 
        "width": 1600,
        "height": 2200
    }
} 

# MapOption

Properties:

See:

• MapView

Example

{
     authorization:  {clientId: '6Lwuu9wa4wta0NiHwy1fO5', clientSecret: '93ab5dbaf7fa6c9017cf9cb9ef4dc8fd'}
     camera: "3d"
     controlDrag: {3d: 'right', 2d: 'left'}
     controlZoom: true
     floor: "default"
     isPoiSprite: false
     language: "ko"
     panningPercent: 1
     poiLevel: [NaN, NaN, NaN]
     rotationMouse2d: true
     rotationTouch2d: true
     showPoi: true
     splitScreen: 1
     theme: "default"
     tiltLimitAngle: 80
     zoom: 100
}

# MapRedrawOption

Properties:

# Marker

Properties:

# MarkerOption

Properties:

# Metadata

Properties:

# MetadataText

Properties:

# myLocationIcon

Properties:

# NavigationOption

Properties:

# ObjectInfo

Properties:

# ObjectOption

Properties:

# PayLoad

Properties:

# PoiCategory

Properties:

Example

[
  {
    "id":"PC-1hvb0j1qh0bc36692",
    "code":"1",
    "level":1,
    "title":"편의시설",
    "parentId":null,
    "parentCode":null,
    "titleByLanguages":[
      {
        "lang":"ko",
        "text":"편의시설"
      },
      {
        "lang":"en",
        "text":"Convenience"
      }
    ],
    "childList":[
      {
        "id":"PC-vb6bkd9gg8qe0622",
        "code":"1-1",
        "level":2,
        "title":"화장실(여)",
        "parentId":null,
        "parentCode":null,
        "titleByLanguages":[
          {
            "lang":"ko",
            "text":"화장실(여)"
          },
          {
            "lang":"en",
            "text":"Toilet(w)"
          }
        ],
        "childList":[
          
        ]
      },
      {
        "id":"PC-1iv0zx28uyvcn6399",
        "code":"1-2",
        "level":2,
        "title":"화장실(남)",
        "parentId":null,
        "parentCode":null,
        "titleByLanguages":[
          {
            "lang":"ko",
            "text":"화장실(남)"
          },
          {
            "lang":"en",
            "text":"Toilet(m)"
          }
        ],
        "childList":[
          
        ]
      },
      {
        "id":"PC-ubgb2mmh58hl3786",
        "code":"1-3",
        "level":2,
        "title":"엘리베이터",
        "parentId":null,
        "parentCode":null,
        "titleByLanguages":[
          {
            "lang":"ko",
            "text":"엘리베이터"
          },
          {
            "lang":"en",
            "text":"Elevator"
          }
        ],
        "childList":[
          
        ]
      }
    ]
  },
]

# PoiInfo

Properties:

Example

[{
      "id": "PO-4JvSQCWHC2270",
      "floorId": "FL-qhndqjlqhu7p3894",
      "title": "남자화장실",
      "categoryCode": "",
      "icoUrl": "https://assets.dabeeomaps.com/upload/poiMarker/MansToilet.png",
      "position": {
        "x": 3937.7355807664,
        "y": 756.651784816092,
        "z": 0
      },
      "metadatas": [
        {
          "lang": "ko",
          "metadatas": []
        }
      ],
      "titleByLanguages": [
        {
          "lang": "ko",
          "text": "남자화장실"
        }
      ]
}]

# PoiLevelZoom

Properties:

See:

• MapOption

Example

poiLevel: [50, 100, 200] // 상(level1), 중(level2), 하(level3)
//poi 상(level 1) : 줌 50 이상부터 보이게 설정
//poi 중(level 2) : 줌 100 이상부터 보이게 설정
//poi 하(level 3) : 줌 200 이상부터 보이게 설정

# PoiTag

Properties:

# Position2d

Properties:

See:

• MapOption

# Position3d

Properties:

# RequestCallback(response)

Parameters:

See:

• MapView

# RouteAnimationOption

Properties:

# RouteInfo

Properties:

# RouteInfoByTrans

Properties:

Example

{ 
  elevator: {totalTime: 14123.48266130216, totalDistance: 151441.53594482222},
  escalator: {totalTime: 14723.48266130216, totalDistance: 151441.53594482222},
  recommendation:  {totalDistance: 14723.48266130216, totalTime: 151441.53594482222},
  stairs:  {totalDistance: 14723.48266130216, totalTime: 151441.53594482222
}   

# RoutePath

Properties:

See:

• 실행 및 전체 코드 보기 https://dabeeo.github.io/web_api/example/#navigation

Examples

// isDestination이 true인 경우
categoryCode: "02"
direction: null
distance: 0
floorId: "FL-qhndqjlqhu7p3894"
icoUrl: "https://assets.dabeeomaps.com/upload/poiMarker/MansToilet.png"
id: "PO-4JvSQCWHC2270"
isDestination: true
metadatas: (2) [{…}, {…}]
move: ƒ ()
position: {x: 3943.999500588226, y: 744.1239451724396, z: 0}
title: "남자\n화장실(하)"
titleByLanguages: (2) [{…}, {…}]

// isDestination이 false인 경우 (연결된 poi가 있는 경우)
categoryCode: "01"
direction: "RIGHT"
distance: 183
floorId: "FL-qhndqjlqhu7p3894"
icoUrl: "https://assets.dabeeomaps.com/upload/poiCustomMarker/210819072602726039089.png"
id: "PO-M02DvTVjp8449"
isDestination: false
metadatas: (2) [{…}, {…}]
move: ƒ ()
position: {x: 3525.30961754959, y: 1445.2068488670923, z: 0}
title: "회의실1(하)"
titleByLanguages: (2) [{…}, {…}]
transCode: null

# SectionInfo

Properties:

Example

[{
    {
        "id": "SC-e0F2gHmSGh8957",
        "floorId": "FL-qhndqjlqhu7p3894",
        "title": "ROAD",
        "position": {
            "x": 3398.6336669921893,
            "y": 1365.3215332031261,
            "z": 0
        },
    }
}]

# ShowPoiOption

Properties:

# Size

Properties:

# TagInfo

Properties:

Example

let tagInfo = {
               tag: dom,
               width: '200',
               height: '70',
               pos: "BOTTOM",
               isResize: false
           }

# ThemeInfo

Properties:

Example

[
    {
      "id": 1915,
      "name": "다비오 테마",
      "defaultYn": false
    }
]

# TitleByLang

Properties:

# TransCode

Properties:

Type: Object

# floor-changed

Properties:

See:

• 실행 및 전체 코드 보기 https://dabeeo.github.io/web_api/example/#navigation

Example

document.addEventListener("floor-changed", (e) => { 
    let floorId = e.detail;
    console.log(floorId);
    document.querySelector(".floor-on").classList.remove("floor-on");
    document.getElementById(floorId).classList.add("floor-on");
});

Type: Object

# get-pos

Properties:

See:

• 실행 및 전체 코드 보기 https://dabeeo.github.io/web_api/example/#clickEvent

Example

document.querySelector('#map').addEventListener('get-pos', (e) => {
        console.log(e.detail);
        document.querySelector(".mouse-pos").innerHTML = `x: ${parseInt(e.detail.x)}, y: ${parseInt(e.detail.y)}`;
    })

Type: Object

# marker-click

Properties:

See:

• 실행 및 전체 코드 보기 https://dabeeo.github.io/web_api/example/#clickEvent

Example

document.querySelector("#map").addEventListener("marker-click", (e) => { // 캔버스가 그려지는 엘리먼트
      console.log(e.detail);
  });

Type: Object

# navi-complete

Properties:

See:

• 실행 및 전체 코드 보기 https://dabeeo.github.io/web_api/example/#navigation

Example

document.addEventListener("navi-complete", (e) => { 
      console.log(e.detail);
  });

Type: Object

# object-click

Properties:

See:

• 실행 및 전체 코드 보기 https://dabeeo.github.io/web_api/example/#clickEvent

Example

document.querySelector("#map").querySelector("#map").addEventListener("object-click", (e) => { //캔버스가 그려지는 element
      console.log(e.detail);
  });

Type: Object

# poi-click

Properties:

See:

• 실행 및 전체 코드 보기 https://dabeeo.github.io/web_api/example/#clickEvent

Example

document.querySelector("#map").addEventListener("poi-click", (e) => { // 캔버스가 그려지는 container
        console.log(e.detail); // 해당하는 poi 정보가 array 로 리턴
});

Type: Object

# will-floor-change

Properties:

See:

• 실행 및 전체 코드 보기 https://dabeeo.github.io/web_api/example/#navigationWillFloorChange

Example

document.addEventListener("will-floor-change", (e) => {
      console.log(e.detail);
  });