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....

ความคิดเห็น • 17

  • @ryan74458
    @ryan74458 2 วันที่ผ่านมา +1

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

  • @Motivational_talks
    @Motivational_talks 2 หลายเดือนก่อน +1

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

  • @jpkeys6000
    @jpkeys6000 หลายเดือนก่อน +1

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

    • @mitter-yourtechmate4376
      @mitter-yourtechmate4376  หลายเดือนก่อน +1

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

    • @vehktaur
      @vehktaur 6 วันที่ผ่านมา

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

  • @jpkeys6000
    @jpkeys6000 หลายเดือนก่อน +1

    Subscribed! excellent video, thank you!

  • @jaumeserradell21
    @jaumeserradell21 หลายเดือนก่อน +1

    What about the performance warning issue? Thanks!

    • @mitter-yourtechmate4376
      @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_
    @_Sravan_ หลายเดือนก่อน +1

    Why adding card details? Any payment for this?

    • @mitter-yourtechmate4376
      @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
    @chetankumar9463 3 หลายเดือนก่อน +1

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

    • @mitter-yourtechmate4376
      @mitter-yourtechmate4376  3 หลายเดือนก่อน +2

      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
    @lauteesien7260 2 หลายเดือนก่อน

    Hi, can I have the code?

    • @mitter-yourtechmate4376
      @mitter-yourtechmate4376  2 หลายเดือนก่อน

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