Salta al contenuto principale

Apri Navigator Plugin Capacitor

Apri app di navigazione come Google Maps o Apple Maps con indicazioni stradali verso le destinazioni

Installa

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

Guida

Come usare Launch Navigator in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

QR code per l'anteprima del plugin Launch Navigator

Utilizzo di @capgo/capacitor-launch-navigator

Interfaccia principale del plugin.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
navigate Naviga verso una posizione tramite latitudine e longitudine.
isAppAvailable Verifica se una specifica app di navigazione è disponibile.
getAvailableApps Ottieni l'elenco delle app di navigazione disponibili sul dispositivo.
getSupportedApps Ottieni l'elenco delle app supportate per la piattaforma attuale.
getDefaultApp Ottieni il nome dell'app di navigazione predefinita.
getAppIcons Recupera le icone dei provider e salvale nella cache locale.
refreshAppIcons Aggiorna le icone dei provider, ignorando l'età della cache.
clearIconCache Svuota la cache delle icone dei provider.

Esempi

navigate()

Naviga verso una posizione tramite latitudine e longitudine.

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

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

isAppAvailable()

Verifica se una specifica app di navigazione è disponibile.

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

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

getAvailableApps()

Ottieni l'elenco delle app di navigazione disponibili sul dispositivo.

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

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

getSupportedApps()

Ottieni l'elenco delle app supportate per la piattaforma corrente.

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

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

getDefaultApp()

Ottieni il nome dell'app predefinita per la navigazione.

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

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

getAppIcons()

Recupera le icone dei provider e salvale nella cache locale.

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

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

La tabella sopra elenca gli 8 metodi principali. Listener, helper di versione e il contratto completo di ogni metodo sono documentati in repository GitHub.

Riferimento completo

Continua da Usare @capgo/capacitor-launch-navigator

Se stai usando Utilizzo di @capgo/capacitor-launch-navigator per pianificare il lavoro sui plugin nativi, collegalo a @capgo/capacitor-launch-navigator per i dettagli di implementazione in @capgo/capacitor-launch-navigator, Per iniziare per i dettagli di implementazione nella guida introduttiva, Directory dei plugin di Capgo per il workflow del prodotto nella Capgo Plugin Directory, Plugin Capacitor di Capgo per i dettagli di implementazione in Plugin Capacitor di Capgo, e Aggiunta o aggiornamento dei plugin per i dettagli di implementazione in Aggiunta o aggiornamento dei plugin.

FAQ

FAQ sul plugin Launch Navigator

Come installo il plugin Launch Navigator in un'app Capacitor?

Esegui "bun add @capgo/capacitor-launch-navigator" (o "npm install @capgo/capacitor-launch-navigator"), poi esegui "bunx cap sync" così che i progetti iOS e Android rilevino il code nativo. Importalo da "@capgo/capacitor-launch-navigator" nella tua app code.

@capgo/capacitor-launch-navigator funziona con React, Vue e Angular?

Sì. Launch Navigator è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che gira dentro Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-launch-navigator?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-launch-navigator è gratuito e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-launch-navigator/ e il pacchetto si installa gratis da npm. Bug report e pull request sono benvenuti.

Posso aggiornare code che usa Launch Navigator senza la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Distribuisci le modifiche di Launch Navigator senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo