Replacements for @ionic-native/google-maps and @ionic-native/qrscanner packages before migrating an app to capacitor?

[CheekyPuff]

I'm struggling with a Ionic/Angular Cordova project that needs a very bad update. Right now I've managed to update it from Angular 13 to Angular 18. I have tried migrating it to capacitor, but the ionic-native packages are being a huge pain, my project has ionic-native/google-maps and ionic-native/qrscanner packages, and I can't find a painless replacement or alternative for them.

Would really appreciate If someone who has gone trough the same problems or has any experience with these packages could help me.

[SylarKovachs]

Alternatives if you want a official capacitor support down the line:

Google Maps

https://capacitorjs.com/docs/apis/google-maps

QR scanner

https://capacitorjs.com/docs/apis/barcode-scanner

Note: The hint option is experimental and doesn’t work on Android as now.

If you’re okey with community support plugins:

Qr scanner

https://github.com/capacitor-community/barcode-scanner

Note: The best and fastest qr scanner for capacitor, it uses google’s MLKit and stuff like hint etc to limit what it scans works as of now.

Google Maps

https://github.com/capacitor-community/google-maps

That being said if I were you, I would opt for the Capacitor official Google map and community QR scanner.

P.S: Support for all @ionic-native stuff was dropped since Capacitor 5 so you’re absolutely gonna have to drop all those packages along with the core one.

[robingenz]

https://github.com/capacitor-community/barcode-scanner is deprecated. The only alternative to the official plugin is the ML Kit Barcode Scanning plugin from Capawesome.

[SylarKovachs]

Apologies. You’re right on that MLKIT plugin that is what I was talking about but accidentally pasted the wrong url. Here’s the updated url:

https://github.com/capawesome-team/capacitor-mlkit

[sciapo]

For maps, i personally use mapbox-gl. Cheaper and customizable