Skip to content

Logical flow

Seokho Son edited this page Dec 15, 2022 · 1 revision

cb-mapui 동작 방식

index.js 에 포함된 로직이 수행되며, 이는 index.html 를 통해서 웹에 출력됨.

아래 과정을 주기적으로 반복함.

  1. CB-Tumblebug을 통해 MCIS VM 조회
  2. 각VM의 기하학적 위치(longitude, latitude)를 획득
  3. Convex Hull을 통해 VM들을 폴리곤 형태로 구성 (MCIS 형태 표현)
  4. Map에 해당 MCIS 폴리곤들을 출력 (VM 라이프사이클 정보 아이콘 출력 포함)

index.js 처리 로직 상세

index.js 는 Openlayers를 기반으로,

  • CB-Tumblebug API를 콜하여 MCIS 및 VM 정보를 조회(function getMcis())하고,
  • MCIS를 생성 및 제어할 수 있는 기능을 버튼으로 제공함.
  • tileLayer.on('postrender', function (event) Openlayers에서 반복적으로 그래픽 출력을 수행하는 펑션이며, MCIS Polygon 객체들을 도형으로 출력. 이때 MCIS의 상태도 갱신하여, 정보를 함께 출력.

Clone this wiki locally