메인 콘텐츠로 건너뛰기
백으로 플러그인
@capgo/capacitor-compass
튜토리얼
@capgo/capacitor-compass

Compass

장치의 Compass 방향을 읽어 degree 단위로 표시하며 지속적인 업데이트와 권한 처리를 지원합니다.

가이드

Compass에 대한 튜토리얼

장치에서 테스트

다운로드 Capgo 앱, 그리고 QR code를 스캔하세요.

Compass plugin preview QR code

Using @capgo/capacitor-compass

Capacitor Compass Plugin을 사용하여 기기 자이로 센서의 방향을 읽습니다.

설치

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

compass 방향 변경 이벤트를 시작합니다. 이 기능은 compass 센서를 시작하고 '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

compass 방향 변경 이벤트를 중지합니다. 이 기능은 compass 센서를 중지하고 이벤트 방출을 중지합니다.

import { CapgoCompass } from '@capgo/capacitor-compass';

await CapgoCompass.stopListening();

checkPermissions

iOS에서 위치 권한 상태를 확인하고, Android에서는 항상 'granted'을 반환합니다. compass 데이터에 대한 현재 권한 상태를 확인합니다.

import { CapgoCompass } from '@capgo/capacitor-compass';

const status = await CapgoCompass.checkPermissions();
console.log('Compass permission:', status.compass);

전체 참조

Using @capgo/capacitor-compass

__CAPGO_KEEP_0__를 사용하여 대시보드와 __CAPGO_KEEP_0__ 운영을 계획하고 있다면 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-compass와 연결하세요. capgo를 사용하여 대시보드와 capgo 운영을 계획하고 있다면 @capgo/capacitor-compass와 연결하세요. API를 사용하여 대시보드와 API 운영을 계획하고 있다면 @API/__CAPGO_KEEP_1__-compass와 연결하세요. capgo를 사용하여 대시보드와 capgo 운영을 계획하고 있다면 @capgo/capacitor-compass와 연결하세요. implementation detail in @capgo/capacitor-compass 에서 Getting Started implementation detail in Getting Started 에서 API Overview implementation detail in API Overview 에서 소개 implementation detail in __CAPGO_KEEP_0__ Keys 에서 API Keys API 앱을 생산 준비가 된 플러그인 150개 이상과 함께 güç하세요.