Address Autocomplete | google maps api reactjs
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 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....
Thanks you so much! Spent forever trying to figure this out during a hackathon. Your video was by far the most clear and straightforward.
Glad you liked the video and it helped. Thanks :)
finally through your video, i got learn this, how to implement. Thanks a lot bro
Glad you liked it. Thanks 👍
Also, do you have a video showing how to display the corresponding map from the autocompleted address? Thank you.
Hi, I'll definitely cover that in another video 👍
would love to see that as well @@mitter-yourtechmate4376
Subscribed! excellent video, thank you!
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.
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.
Hi, can I have the code?
Hi,
Thanks for reaching out. I have updated the code on GitHub:
github.com/MitterYourTechMate/address_autofill