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>
https://github.com/sebmatton/jQuery-Flight-Indicators
'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
[jquery] datepicker 한글 설정 (0) | 2020.08.19 |
---|