메인 콘텐츠로 바로가기
플러그인으로 돌아가기
@capgo/capacitor-compass
튜토리얼
github.com/Cap-go에 의해

Compass

장치 자이로스코프 방향을 읽어 1도 단위로 지속적으로 업데이트하며 권한 처리를 합니다.

가이드

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);

전체 참조

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 키의 구현 세부 정보에 대해.