가이드
Compass에 대한 튜토리얼
@capgo/capacitor-compass를 사용하여
Capacitor Compass 플러그인: 장치 Compass 방향을 읽는 인터페이스.
설치
bun add @capgo/capacitor-compass
bunx cap sync
이 플러그인은 다음을 제공합니다.
getCurrentHeading- 현재 지구 자기 북쪽 방향을 degree 단위로 반환합니다. iOS에서는 지구 자기 북쪽 방향이 배경에서 업데이트되고, 최신 값이 반환됩니다. Android에서는 method가 호출될 때 가속도계 및 자기 센서를 사용하여 지구 자기 북쪽 방향을 계산합니다. Web에서는 구현되지 않았습니다.startListening- 지구 자기 북쪽 방향의 변경을 이벤트를 통해 감지하기 시작합니다. 이로써 지구 자기 센서를 시작하고 'headingChange' 이벤트를 방출합니다.stopListening- 지구 자기 북쪽 방향의 변경을 이벤트를 통해 감지하기를 중지합니다. 이로써 지구 자기 센서를 중지하고 이벤트 방출을 중지합니다.checkPermissions- 지구 자기 북쪽 방향 데이터에 대한 접근 권한의 현재 상태를 확인합니다. iOS에서는 위치 권한 상태를 확인합니다. Android에서는 항상 'granted'를 반환합니다. 왜냐하면 권한이 필요하지 않기 때문입니다.
사용 예
getCurrentHeading
현재 지구 자기 북쪽 방향을 degree 단위로 반환합니다. iOS에서는 지구 자기 북쪽 방향이 배경에서 업데이트되고, 최신 값이 반환됩니다. Android에서는 method가 호출될 때 가속도계 및 자기 센서를 사용하여 지구 자기 북쪽 방향을 계산합니다. Web에서는 구현되지 않았습니다.
import { CapgoCompass } from '@capgo/capacitor-compass';
const { value } = await CapgoCompass.getCurrentHeading();
console.log('Compass heading:', value, 'degrees');
startListening
지구 자기 북쪽 방향의 변경을 이벤트를 통해 감지하기 시작합니다. 이로써 지구 자기 센서를 시작하고 'headingChange' 이벤트를 방출합니다.
import { CapgoCompass } from '@capgo/capacitor-compass';
// With default throttling (100ms interval, 2° minimum change)
await CapgoCompass.startListening();
// With custom throttling for high-frequency updates
await CapgoCompass.startListening({
minInterval: 50, // 50ms between events
minHeadingChange: 1.0 // 1° minimum change
});
CapgoCompass.addListener('headingChange', (event) => {
console.log('Heading:', event.value);
});
stopListening
지구 자기 북쪽 방향의 변경을 이벤트를 통해 감지하기를 중지합니다. 이로써 지구 자기 센서를 중지하고 이벤트 방출을 중지합니다.
import { CapgoCompass } from '@capgo/capacitor-compass';
await CapgoCompass.stopListening();
checkPermissions
지구 자기 북쪽 방향 데이터에 대한 접근 권한의 현재 상태를 확인합니다. iOS에서는 위치 권한 상태를 확인합니다. Android에서는 항상 'granted'를 반환합니다. 왜냐하면 권한이 필요하지 않기 때문입니다.
import { CapgoCompass } from '@capgo/capacitor-compass';
const status = await CapgoCompass.checkPermissions();
console.log('Compass permission:', status.compass);
전체 참조
- GitHub: https://github.com/Cap-go/capacitor-compass/
- Docs: /docs/plugins/compass/
capgo에서 계속 진행하세요: Using @capgo/capacitor-compass
__CAPGO_KEEP_0__을 사용하고 계신가요? Using @capgo/capacitor-compass API 대시보드와 API 운영을 계획하고 싶으시다면 @API/__CAPGO_KEEP_1__-compass와 연결하세요. @capgo/capacitor-compass를 사용하여 @capgo/capacitor-compass의 구현 세부 사항을 확인하세요. for the implementation detail in @capgo/capacitor-compass, Getting Started의 구현 세부 사항을 확인하세요. __CAPGO_KEEP_0__ 개요 API 개요의 구현 세부 사항을 확인하세요. for the implementation detail in API Overview, __CAPGO_KEEP_0__ 소개 __CAPGO_KEEP_0__ 소개의 구현 세부 정보에 대해 API 키 API 키의 구현 세부 정보에 대해.