1. 개요

 

jquery UI API 중에서 지도와 연계하여 사용하기 좋은 비행 계기판 관련 API를 소개하고자 한다.

 

(개발자 git 에서 발췌한 UI 이미지)

 

다섯 가지 외에 추가로 turn coordinator 라는 API 도 있는데 해당 API 의 경우 IE 에서는 사이즈 변경이 안되는 오류가 있어서 소개되어 있지 않으나 API 상에는 존재함

 

(존재하나 소개 되지 않은 API UI)

 

 

2. 사용방법

 


<head>
<script src="js/jquery.flightindicators.js"></script>
<link rel="stylesheet" type="text/css" href="css/flightindicators.css" />
</head>

<body>
<span id="attitude"></span>
<script>
     var indicator = $.flightIndicator('#attitude', 'attitude', {size:200, showBox : showBox});
     indicator.setRoll(15);
     indicator.setPitch(7.5);
</script>
</body>


3. 출처

 

https://github.com/sebmatton/jQuery-Flight-Indicators

 

 

 

 

 

 

'웹 프로그래밍 > JavaScript' 카테고리의 다른 글

[jquery] datepicker 한글 설정  (0) 2020.08.19

+ Recent posts