Address Autocomplete | google maps api reactjs

[@jennifermartinezperez5326]

me salvste con este video. gracias!!!

[@mitter-yourtechmate4376]

Me alegra que te haya gustado. Gracias!

[@ryan74458]

Thanks you so much! Spent forever trying to figure this out during a hackathon. Your video was by far the most clear and straightforward.

[@mitter-yourtechmate4376]

Glad you liked the video and it helped. Thanks :)

[@Motivational_talks]

finally through your video, i got learn this, how to implement. Thanks a lot bro

[@mitter-yourtechmate4376]

Glad you liked it. Thanks 👍

[@jpkeys6000]

Subscribed! excellent video, thank you!

[@mitter-yourtechmate4376]

Glad you liked it. Thanks 👍

[@zenobiusztasak8604]

Is it possible to style this component ? And modify an output text ?

[@mitter-yourtechmate4376]

Thanks for reaching out. In this video, I am using prebuilt component "StandaloneSearchBox" with which there is limited control over styling of search results. Check out the CustomSearchBar.js, in this repo, which is example of how to control styling of search results. github.com/MitterYourTechMate/address_autofill

[@jpkeys6000]

Also, do you have a video showing how to display the corresponding map from the autocompleted address? Thank you.

[@mitter-yourtechmate4376]

Hi, I'll definitely cover that in another video 👍

[@vehktaur]

would love to see that as well ​@@mitter-yourtechmate4376

[@jaumeserradell21]

What about the performance warning issue? Thanks!

[@mitter-yourtechmate4376]

Hello, Thanks for reaching out. I have made some corrections to fix this warning in the console. github.com/MitterYourTechMate/address_autofill This can be fixed by defining places variable outside the component. const libraries = ["places"] and then using it inside component, const { isLoaded } = useJsApiLoader({ id: "google-map-script", googleMapsApiKey: process.env.REACT_APP_GOOGLEMAPS_API_KEY, libraries: libraries, }). Hope this will help. Thanks

[@_Sravan_]

Why adding card details? Any payment for this?

[@mitter-yourtechmate4376]

Hi, Thanks for reaching out. Card details are just to activate the account. No charges for account activation but charges will be later, monthly based on usage. This API charges around 2.8$ for 1000 requests, but if you create a new account on google cloud console, it usually gives 300$ credit on free trial to try google services, So you can try this API for free initially.

[@chetankumar9463]

Is this a fully paid api or have some free quota?

[@mitter-yourtechmate4376]

Hi, Thanks for reaching out. This API is paid. It charges around 2.8$ for 1000 requests, but if you create a new account on google cloud console, it usually gives 300$ credit on free trial to try google services, So you can try this API for free initially.

[@lauteesien7260]

Hi, can I have the code?

[@mitter-yourtechmate4376]

Hi, Thanks for reaching out. I have updated the code on GitHub: github.com/MitterYourTechMate/address_autofill