메인 콘텐츠로 바로가기
플러그인으로 돌아가기
@capgo/capacitor-compass
튜토리얼
@capgo/capacitor-compass

Compass

__CAPGO_KEEP_0__ 방향을 읽어오기 위해 장치 자이로스코프 헤딩을 degree 단위로 지속적으로 업데이트하고 권한 처리를 합니다.

__CAPGO_KEEP_2__

__CAPGO_KEEP_2__ 자이로스코프에 대한 튜토리얼

__CAPGO_KEEP_2__ @capgo/capacitor-자이로스코프 사용

Capacitor 자이로스코프 헤딩을 읽어오기 위한 장치 자이로스코프 헤딩 인터페이스입니다.

설치

bun add @capgo/capacitor-compass
bunx cap sync

이 플러그인은 다음을 제공합니다.

  • getCurrentHeading - 현재 지구 자기력 방향을 도 단위로 반환합니다. iOS에서는 지구 자기력 방향이 배경에서 업데이트되고, 최신 값이 반환됩니다. Android에서는 이 메서드를 호출할 때 가속도계 및 자이로 센서를 사용하여 지구 자기력 방향을 계산합니다. 웹에서는 구현되지 않았습니다.
  • startListening - 지구 자기력 방향의 변경을 이벤트를 통해 감지하기 시작합니다. 이로 인해 지구 자기력 센서가 시작되고, 'headingChange' 이벤트가 전송됩니다.
  • stopListening - 지구 자기력 방향의 변경을 감지하기 시작하지 않습니다. 이로 인해 지구 자기력 센서가 중단되고, 이벤트 전송이 중단됩니다.
  • checkPermissions - 지구 자기력 데이터에 접근하기 위한 현재 권한 상태를 확인합니다. iOS에서는 위치 권한 상태를 확인합니다. Android에서는 항상 'granted'를 반환합니다. 왜냐하면 권한이 필요하지 않기 때문입니다.

예제 사용

getCurrentHeading

현재 지구 자기력 방향을 도 단위로 반환합니다. iOS에서는 지구 자기력 방향이 배경에서 업데이트되고, 최신 값이 반환됩니다. Android에서는 이 메서드를 호출할 때 가속도계 및 자이로 센서를 사용하여 지구 자기력 방향을 계산합니다. 웹에서는 구현되지 않았습니다.

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

전체 참조

Using @capgo/capacitor-compass

Capgo를 사용 중이시면 Using @capgo/capacitor-compass to plan dashboard and API operations, connect it with @capgo/capacitor-compass for the implementation detail in @capgo/capacitor-compass, Getting Started Getting Started의 구현 세부 사항을 확인하고 싶으시면 API 개요 implementation 세부 정보를 위한 API 개요에 대해 소개 implementation 세부 정보를 위한 Introduction에 대해 API 키 implementation 세부 정보를 위한 API 키에 대해