Langsung ke konten utama

Buka Navigator plugin Capacitor

Buka aplikasi navigasi seperti Google Maps atau Apple Maps dengan petunjuk arah menuju tujuan

Instal

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

Panduan

Cara menggunakan Launch Navigator di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

Link QR pratinjau plugin Launch Navigator code

Menggunakan @capgo/capacitor-launch-navigator

Antarmuka utama plugin.

Instal

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

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
navigate Navigasi ke lokasi menggunakan latitude dan longitude.
isAppAvailable Cek apakah aplikasi navigasi tertentu tersedia.
getAvailableApps Dapatkan daftar aplikasi navigasi yang tersedia di perangkat.
getSupportedApps Dapatkan daftar aplikasi yang didukung untuk platform saat ini.
getDefaultApp Dapatkan nama aplikasi default untuk navigasi.
getAppIcons Ambil ikon provider dan simpan di cache lokal.
refreshAppIcons Refresh ikon provider, abaikan usia cache.
clearIconCache Hapus cache ikon provider.

Contoh

navigate()

Navigasi ke lokasi menggunakan latitude dan longitude.

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

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

isAppAvailable()

Cek apakah aplikasi navigasi tertentu tersedia.

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

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

getAvailableApps()

Dapatkan daftar aplikasi navigasi yang tersedia di perangkat.

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

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

getSupportedApps()

Dapatkan daftar aplikasi yang didukung untuk platform saat ini.

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

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

getDefaultApp()

Dapatkan nama aplikasi default untuk navigasi.

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

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

getAppIcons()

Ambil ikon provider dan simpan di cache lokal.

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

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

Tabel di atas mencantumkan 8 metode inti. Helper listener, versi, dan kontrak lengkap setiap metode didokumentasikan di repositori GitHub.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-launch-navigator

Jika Anda menggunakan Menggunakan @capgo/capacitor-launch-navigator untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-launch-navigator untuk detail implementasi di @capgo/capacitor-launch-navigator, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin Launch Navigator

Bagaimana cara install plugin Launch Navigator di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-launch-navigator" (atau "npm install @capgo/capacitor-launch-navigator"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mengenali code native. Impor dari "@capgo/capacitor-launch-navigator" di code aplikasi Anda.

Apakah @capgo/capacitor-launch-navigator bisa digunakan dengan React, Vue, dan Angular?

Ya. Launch Navigator adalah package Capacitor, jadi bisa dipakai dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung @capgo/capacitor-launch-navigator?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-launch-navigator gratis dan open source?

Ya. Kode sumber code bersifat publik di GitHub di https://github.com/Cap-go/capacitor-launch-navigator/ dan package ini gratis diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan Launch Navigator tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Launch Navigator tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo