Aller au contenu principal
@capgo/capacitor-launch-navigator Localisation Open source

Lancer Navigator Plugin Capacitor

Ouvrir des applications de navigation comme Google Maps ou Apple Maps avec l'itinéraire vers la destination

Installer

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

Guide

Comment utiliser Launch Navigator dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

QR de l'aperçu du plugin Launch Navigator code

Utiliser @capgo/capacitor-launch-navigator

Interface principale du plugin.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
navigate Naviguez vers un lieu en utilisant la latitude et la longitude.
isAppAvailable Vérifier si une application de navigation spécifique est disponible.
getAvailableApps Récupérer la liste des applications de navigation disponibles sur l'appareil.
getSupportedApps Récupérer la liste des applications supportées pour la plateforme actuelle.
getDefaultApp Récupérer le nom de l'application de navigation par défaut.
getAppIcons Fetch provider icons and cache them locally.
refreshAppIcons Actualiser les icônes du fournisseur, en ignorant l'âge du cache.
clearIconCache Vider le cache des icônes des fournisseurs.

Exemples

navigate()

Naviguez vers un lieu en utilisant la latitude et la longitude.

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

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

isAppAvailable()

Vérifier si une application de navigation spécifique est disponible.

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

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

getAvailableApps()

Récupérer la liste des applications de navigation disponibles sur l'appareil.

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

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

getSupportedApps()

Récupérer la liste des apps supportées pour la plateforme actuelle.

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

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

getDefaultApp()

Récupérer le nom de l'application de navigation par défaut.

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

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

getAppIcons()

Fetch provider icons and cache them locally.

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

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

Le tableau ci-dessus liste les 8 méthodes principales. Les helpers de listener et de version, ainsi que le contrat complet de chaque méthode, sont documentés dans le dépôt GitHub.

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-launch-navigator

Si vous utilisez Utiliser @capgo/capacitor-launch-navigator pour planifier le travail sur les plugins natifs, connectez-l’à @capgo/capacitor-launch-navigator pour les détails d'implémentation dans @capgo/capacitor-launch-navigator, Prise en main pour les détails d'implémentation dans Getting Started Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans les plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Adding or Updating Plugins.

FAQ

FAQ du plugin Launch Navigator

Comment installer le plugin Launch Navigator dans une application Capacitor ?

Exécutez « bun add @capgo/capacitor-launch-navigator » (ou « npm install @capgo/capacitor-launch-navigator »), puis lancez « bunx cap sync » pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis « @capgo/capacitor-launch-navigator » dans votre code.

Est-ce que @capgo/capacitor-launch-navigator fonctionne avec React, Vue et Angular ?

Oui. Launch Navigator est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-launch-navigator ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-launch-navigator est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-launch-navigator/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Launch Navigator sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements de Launch Navigator sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo