Address Autocomplete | google maps api reactjs
Вставка
- Опубліковано 5 вер 2024
- In this video, I have covered How to use google maps api in reactjs application and build a textfield to autofill address.
If you are looking to learn web development with JavaScript, React Js and Node JS , Feel free to reach out to me.
www.fiverr.com...
🔗 Related Playlist:
• React Js
Reach out to me:
shankeyraheja....
finally through your video, i got learn this, how to implement. Thanks a lot bro
Glad you liked it. Thanks 👍
What about the performance warning issue? Thanks!
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
Why adding card details? Any payment for this?
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.
Hi, can I have the code?
Hi,
Thanks for reaching out. I have updated the code on GitHub:
github.com/MitterYourTechMate/address_autofill
Is this a fully paid api or have some free quota?
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.