Einstieg
Eine Einrichtungsvorlage mit den Installationsanweisungen und der vollständigen Markdown-Guideline für diesen Plugin kopieren.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-compass`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/compass/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installieren
Abschnitt mit dem Titel „Installieren“bun add @capgo/capacitor-compassbunx cap syncImportieren
Abschnitt mit dem Titel „Importieren“import { CapgoCompass } from '@capgo/capacitor-compass';API Übersicht
Abschnitt mit dem Titel „API Übersicht“getCurrentHeading
Abschnitt mit dem Titel „getCurrentHeading“Ermitteln Sie den aktuellen Kompasswinkel in Grad. Bei iOS wird der Winkel im Hintergrund aktualisiert und der neueste Wert zurückgegeben. Bei Android wird der Winkel, wenn die Methode aufgerufen wird, mithilfe von Beschleunigungssensor und Magnetometer berechnet. Nicht implementiert auf Web.
import { CapgoCompass } from '@capgo/capacitor-compass';
const { value } = await CapgoCompass.getCurrentHeading();console.log('Compass heading:', value, 'degrees');startListening
Abschnitt mit dem Titel “startListening”Starten Sie das Abhören von Änderungen des Kompasswinkels über Ereignisse. Dies startet die Kompass-Sensoren und sendet Ereignisse ‘headingChange’.
import { CapgoCompass } from '@capgo/capacitor-compass';
// With default throttling (100ms interval, 2° minimum change)await CapgoCompass.startListening();
// With custom throttling for high-frequency updatesawait CapgoCompass.startListening({ minInterval: 50, // 50ms between events minHeadingChange: 1.0 // 1° minimum change});
CapgoCompass.addListener('headingChange', (event) => { console.log('Heading:', event.value);});stopListening
Abschnitt mit dem Titel “stopListening”Beenden Sie das Abhören von Änderungen des Kompasswinkels. Dies stoppt die Kompass-Sensoren und stoppt die Ereignisausgabe.
import { CapgoCompass } from '@capgo/capacitor-compass';
await CapgoCompass.stopListening();checkPermissions
Abschnitt mit dem Titel “checkPermissions”Überprüfen Sie den aktuellen Berechtigungsstatus für den Zugriff auf Kompassdaten. Bei iOS wird die Standortberechtigung überprüft. Bei Android wird immer ‘granted’ zurückgegeben, da keine Berechtigungen erforderlich sind.
import { CapgoCompass } from '@capgo/capacitor-compass';
const status = await CapgoCompass.checkPermissions();console.log('Compass permission:', status.compass);requestPermissions
Abschnitt mit dem Titel “requestPermissions”Berechtigung zum Zugriff auf Kompassdaten anfordern. Auf iOS wird hier die Standortberechtigung angefordert (erforderlich für die Kopf-Höhen-Daten). Auf Android wird dies sofort erfüllt, da keine Berechtigungen erforderlich sind.
import { CapgoCompass } from '@capgo/capacitor-compass';
const status = await CapgoCompass.requestPermissions();if (status.compass === 'granted') { // Can now use compass}watchAccuracy
Abschnitt mit dem Titel “watchAccuracy”Kopf-Höhen-Accurazitätsüberwachung starten. Auf Android überwacht dies die Magnetometer-Accurazität und sendet Ereignisse für accuracyChange. Entwickler können auf diese Ereignisse hören und eigene UI für Kalibrierungshinweise implementieren. Auf iOS und Web tut sich nichts, da die Kopf-Höhen-Accurazitätsüberwachung nicht verfügbar ist.
import { CapgoCompass } from '@capgo/capacitor-compass';
// Start monitoring accuracyawait CapgoCompass.watchAccuracy();
// Listen for accuracy changes and implement custom UICapgoCompass.addListener('accuracyChange', (event) => { console.log('Accuracy changed to:', event.accuracy); if (event.accuracy < CompassAccuracy.MEDIUM) { // Show your custom calibration UI }});unwatchAccuracy
Abschnitt mit dem Titel “unwatchAccuracy”Kopf-Höhen-Accurazitätsüberwachung beenden. Dies beendet die Accurazitätsüberwachung.
import { CapgoCompass } from '@capgo/capacitor-compass';
await CapgoCompass.unwatchAccuracy();getAccuracy
Abschnitt mit dem Titel “getAccuracy”Aktuelle Kopf-Höhen-Accurazität abrufen. Auf Android wird die aktuelle Magnetometer-Sensor-Accurazität zurückgegeben. Auf iOS und Web wird immer CompassAccuracy.UNKNOWN zurückgegeben, da die Accurazitätsüberwachung nicht verfügbar ist.
import { CapgoCompass } from '@capgo/capacitor-compass';
const { accuracy } = await CapgoCompass.getAccuracy();if (accuracy < CompassAccuracy.MEDIUM) { console.log('Compass needs calibration');}Typenreferenz
Abschnitt mit dem Titel “Typenreferenz”CompassHeading
Abschnitt mit dem Titel “Kompasswinkel”Ergbnis mit dem Winkelwert des Kompasses.
export interface CompassHeading { /** Compass heading in degrees (0-360) */ value: number;}ListeningOptions
Abschnitt mit dem Titel “Hörverhalten von Kompass”Optionen zur Konfiguration des Hörverhaltens des Kompasses.
export interface ListeningOptions { /** * Minimum interval between heading change events in milliseconds. * Lower values = more frequent updates but higher CPU/battery usage. * * @default 100 * @since 8.1.4 */ minInterval?: number;
/** * Minimum heading change in degrees required to trigger an event. * Lower values = more sensitive but more events. * Handles wraparound (e.g., 359° to 1° = 2° change). * * @default 2.0 * @since 8.1.4 */ minHeadingChange?: number;}HeadingChangeEvent
Abschnitt mit dem Titel “Kompasswinkeländerung”Ereignisdaten für Änderungen des Kompasswinkels.
export interface HeadingChangeEvent { /** Compass heading in degrees (0-360) */ value: number;}AccuracyChangeEvent
Abschnitt mit dem Titel “Genauigkeitsänderung”Ereignisdaten für Änderungen der Genauigkeit.
export interface AccuracyChangeEvent { /** Current accuracy level of the compass */ accuracy: CompassAccuracy;}PermissionStatus
Abschnitt mit dem Titel „PermissionStatus“Zugriffsstatus für Kompass-Plugin.
export interface PermissionStatus { /** * Permission state for accessing compass/location data. * On iOS, this requires location permission to access heading. * On Android, no special permissions are required for compass sensors. * * @since 7.0.0 */ compass: PermissionState;}CompassAccuracy
Abschnitt mit dem Titel „CompassAccuracy“Konstanten für die Genauigkeit des Kompasses.
export enum CompassAccuracy { /** High accuracy - approximates to less than 5 degrees of error */ HIGH = 3, /** Medium accuracy - approximates to less than 10 degrees of error */ MEDIUM = 2, /** Low accuracy - approximates to less than 15 degrees of error */ LOW = 1, /** Unreliable accuracy - approximates to more than 15 degrees of error */ UNRELIABLE = 0, /** Unknown accuracy value */ UNKNOWN = -1,}PermissionState
Abschnitt mit dem Titel „PermissionState“Zugriffsstatus für Kompass-Zugriff.
export type PermissionState = 'prompt' | 'prompt-with-rationale' | 'granted' | 'denied';Quelle der Wahrheit
Abschnitt mit dem Titel „Source Of Truth“Diese Seite wurde aus dem Plugin generiert. src/definitions.tsRe-run the Sync, wenn die öffentliche API upstream geändert wird.