Zum Hauptinhalt springen

Navigator starten Capacitor Plugin

Öffne Navigations-Apps wie Google Maps oder Apple Maps mit Wegbeschreibungen zum Ziel

Installieren

bun add @capgo/capacitor-launch-navigator bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-launch-navigator
  • pnpm add @capgo/capacitor-launch-navigator
  • yarn add @capgo/capacitor-launch-navigator

Anleitung

Launch Navigator in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

QR-code zur Launch Navigator Plugin-Vorschau

Mit @capgo/capacitor-launch-navigator

Haupt-Interface des Plugins.

Installieren

bun add @capgo/capacitor-launch-navigator
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

API auf einen Blick

Methode Beschreibung
navigate Navigiere zu einem Ort via Breitengrad und Längengrad.
isAppAvailable Prüfe, ob eine bestimmte Navigations-App verfügbar ist.
getAvailableApps Liste der verfügbaren Navigations-Apps auf dem Gerät abrufen.
getSupportedApps Liste der unterstützten Apps für die aktuelle Plattform abrufen.
getDefaultApp Den Namen der Standard-App für die Navigation abrufen.
getAppIcons Provider-Icons abrufen und lokal zwischenspeichern.
refreshAppIcons Provider-Icons aktualisieren (Cache-Alter ignorieren).
clearIconCache Zwischengespeicherte Provider-Icons löschen.

Beispiele

navigate()

Navigiere zu einem Ort via Breitengrad und Längengrad.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

await LaunchNavigator.navigate({ destination: [48.8566, 2.3522] });

isAppAvailable()

Prüfe, ob eine bestimmte Navigations-App verfügbar ist.

import { LaunchNavigator, IOSNavigationApp } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.isAppAvailable({ app: IOSNavigationApp.APPLE_MAPS });
console.log(result);

getAvailableApps()

Liste der verfügbaren Navigations-Apps auf dem Gerät abrufen.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.getAvailableApps();
console.log(result);

getSupportedApps()

Liste der unterstützten Apps für die aktuelle Plattform abrufen.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.getSupportedApps();
console.log(result);

getDefaultApp()

Den Namen der Standard-App für die Navigation abrufen.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.getDefaultApp();
console.log(result);

getAppIcons()

Provider-Icons abrufen und lokal zwischenspeichern.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.getAppIcons();
console.log(result);

Die obige Tabelle listet die 8 Kernmethoden auf. Listener- und Version-Helper sowie der vollständige Contract jeder Methode sind in der GitHub Repository.

Vollständige Referenz

Weiter mit der Nutzung von @capgo/capacitor-launch-navigator

Wenn du es nutzt Mit @capgo/capacitor-launch-navigator Um die Arbeit an nativen Plugins zu planen, verbinde sie mit @capgo/capacitor-launch-navigator für die Implementierungsdetails in @capgo/capacitor-launch-navigator, Erste Schritte für die Implementierungsdetails in Erste Schritte, Capgo Plugin-Verzeichnis für den Produkt-Workflow im Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren.

FAQ

Launch Navigator Plugin FAQ

Wie installiere ich das Launch Navigator Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-launch-navigator" (oder "npm install @capgo/capacitor-launch-navigator") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte das native code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-launch-navigator".

Funktioniert @capgo/capacitor-launch-navigator mit React, Vue und Angular?

Ja. Launch Navigator ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-launch-navigator unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-launch-navigator kostenlos und Open Source?

Ja. Der code Quellcode ist auf GitHub unter https://github.com/Cap-go/capacitor-launch-navigator/ öffentlich einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Launch Navigator aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Launch Navigator Änderungen ohne App-Review veröffentlichen

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo