The easiest way to setup google maps in next.js

Поділитися
Вставка
  • Опубліковано 15 вер 2024

КОМЕНТАРІ • 52

  • @graysonremington568
    @graysonremington568 Рік тому +4

    Very cool to see you working with google maps at the moment. I’m about to publish my first full stack app using it and some skills I’ve picked up from watching your videos. Just working through the typescript build errors at the moment lol. You’ve been very helpful as I try to transition into a career in web dev, thanks a ton!

    • @WebDevCody
      @WebDevCody  Рік тому

      I'm glad to hear that! good luck on your launch.

  • @chadcuomo8380
    @chadcuomo8380 Рік тому

    This is going to make my life so much easier. Thanks for putting this together

  • @helloworlditsworld
    @helloworlditsworld Рік тому +2

    I think you are right on the backend proxy. This is where I tend to add keys to requests or create/set cookies for the client (still using env on the backend) curious on others’ techniques!

  • @infiniteone783
    @infiniteone783 Рік тому +3

    i wish i could grow such a majestic beard

  • @andri21
    @andri21 8 місяців тому +1

    Can we change color of the marker? How to do it sir?

  • @imigi427
    @imigi427 7 місяців тому +1

    Right now documentation for this lib does not work....

  • @carlosraul6578
    @carlosraul6578 10 місяців тому

    Very good tutorial , it works, but looks like a did a mistake , when click the

  • @AwesomeClassyGamers
    @AwesomeClassyGamers 11 місяців тому

    Hey Cody, thanks for the great tutorial/showcase! I've gotten it working, but when i click a marker on my map the whole component refreshes, its a bit of a jarring experience! Any idea why that could happen?

  • @YsoEdgy
    @YsoEdgy Рік тому

    I appreciate the the upload
    I was stuck last week trying to figure out why my marker wasn’t working… ended up creating a custom one instead 😅….

  • @SeibertSwirl
    @SeibertSwirl Рік тому +3

    Good job babe!!!! Love ya

  • @shaokiat
    @shaokiat Рік тому

    Just to add on, there is also the Autocomplete component from the same google maps api that can simplify the search field and return the coordinates easily

    • @WebDevCody
      @WebDevCody  Рік тому

      yeah I was hitting their places api on a side project and displaying those in the map instead of hard coding the places. places was missing some data, so we went with defining our own dataset

  • @bababa4439
    @bababa4439 10 місяців тому

    Are you have github code for this video or source code ? becuase i can't find it in your repository.

  • @margretmauno1285
    @margretmauno1285 3 місяці тому

    Hi guys where can I get this code?

  • @efratgodwin
    @efratgodwin 9 місяців тому +1

    Can you share the repo

  • @underflowexception
    @underflowexception Рік тому

    Isn't the point of using React to make working with Forms easier? Why add another library in the mix to handle form submissions? Time constraints?

    • @WebDevCody
      @WebDevCody  Рік тому +1

      working with forms in react isn't hard, but usually involves a bunch of boiler plate when you need custom validation. react-form-hook or formik reduce the amount of code

  • @Anonymose43
    @Anonymose43 7 місяців тому

    Does this bring some extra costs to your billing account ?

  • @AmirJ23
    @AmirJ23 2 місяці тому

    shout out to Queens NY 😎

  • @brunocaruso6591
    @brunocaruso6591 7 місяців тому

    Hi there, how you do that fade-in-out transitions through the Mac windows? It's an application? Greetings

    • @WebDevCody
      @WebDevCody  7 місяців тому

      It’s built into mac

    • @brunocaruso6591
      @brunocaruso6591 7 місяців тому

      @@WebDevCody you enabled Reduce motion in accessibility and both apps (VS code and the browser) was in full screen right?

    • @WebDevCody
      @WebDevCody  7 місяців тому

      @@brunocaruso6591 ah yes I think I put reduced motion on. And yes it was all full screened

  • @brianfontenot9925
    @brianfontenot9925 7 місяців тому

    Do you have a github link available for this code example? Thanks

  • @fabohax
    @fabohax Рік тому

    hi. pretty good tut. anyone knows how to use mapId option to display different style on there? thx much

  • @ThibautLefebvre
    @ThibautLefebvre Рік тому

    Can we update marker color ? i don't find the props. Maybe not ?

    • @WebDevCody
      @WebDevCody  Рік тому

      Yeah you can change the marker image

    • @ThibautLefebvre
      @ThibautLefebvre Рік тому

      @@WebDevCody ys i found it few minutes after my question :)

  • @1shotter
    @1shotter Рік тому

    Is there a way to change the colors of the markers?

  • @redinternet9893
    @redinternet9893 11 місяців тому

    Can it move the location smoothly with animation when changing

  • @RadityaDito-v7j
    @RadityaDito-v7j 4 дні тому +1

    is it free?

  • @daviddrahllensa4165
    @daviddrahllensa4165 8 місяців тому

    Thanks man!

  • @davidb011
    @davidb011 11 місяців тому

    Is there a reason you do not share a link to the code in this tutorial?

    • @WebDevCody
      @WebDevCody  11 місяців тому

      Forgot

    • @davidb011
      @davidb011 11 місяців тому +3

      @@WebDevCody can you link to that code now? That would be very helpful for me and a few other people in these comments that are asking to view the code in this tutorial.

  • @hoatruongg6129
    @hoatruongg6129 6 місяців тому

    can you please share me the code

  • @sunny7268
    @sunny7268 Рік тому

    why do you prefer it over Mapbox?

    • @WebDevCody
      @WebDevCody  Рік тому

      Eh either works fine depending on the needs

  • @RalphPorterLPCLCDCNCC
    @RalphPorterLPCLCDCNCC 3 місяці тому

    Is there source code? Thanks

    • @cigarman2
      @cigarman2 3 місяці тому +1

      is that a yes or a no? Not sure what "loved a comment" means...

  • @linuxsing4660
    @linuxsing4660 Рік тому

    Hi do you have contact information I need

  • @khumeren7079
    @khumeren7079 Рік тому

    what theme is he using?

  • @RadityaDito-v7j
    @RadityaDito-v7j 4 дні тому

    is it free?

    • @WebDevCody
      @WebDevCody  4 дні тому

      Everything cost money at some point