Saltar al contenido principal
@capgo/capacitor-launch-navigator Ubicación Código abierto

Abrir Navigator plugin Capacitor

Abre apps de navegación como Google Maps o Apple Maps con rutas al destino

Instalar

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

Guía

Cómo usar Launch Navigator en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa del plugin Launch Navigator QR code

Uso de @capgo/capacitor-launch-navigator

Interfaz principal del plugin.

Instalar

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

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

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

API de un vistazo

Método Descripción
navigate Navega a una ubicación usando latitud y longitud.
isAppAvailable Comprueba si una app de navegación específica está disponible.
getAvailableApps Obtén la lista de apps de navegación disponibles en el dispositivo.
getSupportedApps Obtén la lista de apps compatibles para la plataforma actual.
getDefaultApp Obtén el nombre de la app de navegación predeterminada.
getAppIcons Obtén los iconos del proveedor y almacénalos localmente.
refreshAppIcons Actualiza los iconos del proveedor, ignorando la antigüedad del caché.
clearIconCache Limpiar los iconos de proveedores en caché.

Ejemplos

navigate()

Navega a una ubicación usando latitud y longitud.

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

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

isAppAvailable()

Comprueba si una app de navegación específica está disponible.

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

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

getAvailableApps()

Obtén la lista de apps de navegación disponibles en el dispositivo.

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

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

getSupportedApps()

Obtén la lista de apps compatibles para la plataforma actual.

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

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

getDefaultApp()

Obtén el nombre de la app de navegación predeterminada.

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

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

getAppIcons()

Obtén los iconos del proveedor y almacénalos localmente.

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

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

La tabla anterior lista los 8 métodos principales. Los helpers de listener y de versión, y el contrato completo de cada método, están documentados en la repositorio GitHub.

Referencia completa

Continúa desde Usando @capgo/capacitor-launch-navigator

Si estás usando Uso de @capgo/capacitor-launch-navigator para planificar el trabajo con plugins nativos, conéctalo con @capgo/capacitor-launch-navigator por los detalles de implementación en @capgo/capacitor-launch-navigator, Primeros pasos para los detalles de implementación en Primeros pasos, Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para los detalles de implementación en Capacitor Plugins de Capgo, y Añadir o actualizar plugins para los detalles de implementación al añadir o actualizar plugins.

FAQ

FAQ del plugin Launch Navigator

¿Cómo instalo el plugin Launch Navigator en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-launch-navigator" (o "npm install @capgo/capacitor-launch-navigator"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android detecten el code nativo. Impórtalo desde "@capgo/capacitor-launch-navigator" en el code de tu app.

¿Funciona @capgo/capacitor-launch-navigator con React, Vue y Angular?

Sí. Launch Navigator es un paquete de Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-launch-navigator?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-launch-navigator gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-launch-navigator/ y el paquete es gratuito en npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Launch Navigator sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Launch Navigator sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo