How to use the Capacitor Google Maps plugin with Ionic React (Ionic Framework)

[@AlanMontgomery]

I hope this helps out - Leave a little comment if it did! Any questions, feel free to reach out! If your'e new, be sure to subscribe!

[@nodiced1]

is there a way to disable and then reenable interaction with the map? Disable all clicking scrolling etc?

[@AlanMontgomery]

Hey there! Ofcourse! There are a few map options you can pass. Some scrolling and draggable Booleans as well as guestureHandling - see; developers.google.com/maps/documentation/javascript/reference/map#MapOptions

[@BriBru00]

hello from Italy Alan , great job with your videos, i have a question for you Alan as am struggling trying to install this plugin , seems not supported yet by capacitor 6 this plugin , can u confirm ?, what u suggest , i love react and not want to learn angular to use ionic..thnx m8

[@ericamarchi2699]

Great tutorial! How can I prevent on mobile the popup opening when click on marker? I wanna use only the bottom sheet for ios, android and web!

[@rainerfritz362]

Thx Alan! Really like a lot your tutorials! Thanks m8. Keep up the good work.

[@AlanMontgomery]

Thanks so much! Appreciate the kind words!

[@Apollo-lc4zk]

so helpful

[@AlanMontgomery]

Awesome!

[@kangnifredable]

i really need this function on my app

[@AlanMontgomery]

Awesome!

[@neonfire.2883]

Amazing tutorial as always

[@AlanMontgomery]

Thanks so much! That means alot! I'm glad you liked it!

[@mdsadathk]

Hello, can we use the Google map in capacitor like the way Uber use in their app? Like real time vehicle movement, map animations, etc. ?

[@duncanorchard6169]

Hi Alan. Given that we have to set dimensions for the map for it to load, what would be the best approach to enable the map to fill the screen of a mobile device in a responsive way? Many thanks.

[@Cantignie]

👏 👏 👏

[@AlanMontgomery]

Thank you Ben! 🕺💪

[@antreasapostolou2019]

Does google maps work offline using this plugin?

[@aksharparmar6599]

Hi, I request you to make full stack projects in ionic react , with backend in nodejs express. I am new to ionic react and I can't find good examples I request to create a full stack app

[@AlanMontgomery]

This is such a great idea!!! 💡

[@mynameiskg1]

Great Video.. But I'm not able to see map on Android.. but I can see running on iOS. Did anyone know fix for this? In the document it is said that setting transparency on elements such as IonContent and the root HTML tag to ensure that it can be seen. If you can’t see your map on Android, this should be the first thing you check. What to do here?

[@AlanMontgomery]

Make sure your element has a height and width and set the display to inline block, this is one thing I forgot to cover but it’s in the code example and in the api ref docs. Android specifically try setting the background of ion-content to none. Let me know if this helps

[@ahmaat19]

Please show us your next video authentication with route protected

[@AlanMontgomery]

Will do man! Thanks so much for the suggestion.

[@ahmaat19]

@@AlanMontgomery thanks

[@debrain1647]

Hi ... Ionic react hub is down

[@AlanMontgomery]

Hey! It should be back!