IN 15 MINUTES! Add Google Maps to NextJS

Поделиться
HTML-код
  • Опубликовано: 10 янв 2025

Комментарии • 31

  • @irynadidkivska
    @irynadidkivska 8 месяцев назад +2

    Exactly what I'm looking for! Thanks a lot!🤗

    • @Grepsoft
      @Grepsoft  8 месяцев назад

      You welcome 🤗

  • @minutaelf
    @minutaelf 25 дней назад

    tthank you man, this was really helpful and easy to understand

    • @Grepsoft
      @Grepsoft  25 дней назад

      You are welcome 🤗

  • @brad4273
    @brad4273 Год назад

    This tutorial helps me a lot.
    Thank you

  • @keilerguardo2164
    @keilerguardo2164 11 месяцев назад

    Thank you very much, This tutorial help me.

    • @Grepsoft
      @Grepsoft  11 месяцев назад +1

      I am glad it was helpful

  • @danieldbird
    @danieldbird Год назад

    Perfect, thank you.

  • @_chinocabron
    @_chinocabron 11 месяцев назад

    how can i add specific bookmarks?

    • @Grepsoft
      @Grepsoft  11 месяцев назад

      if you mean markers please see this: developers.google.com/maps/documentation/javascript/markers

  • @pavelzapletal7942
    @pavelzapletal7942 7 месяцев назад

    Good video, but I am having problem with AdvancedMarkerElement(), since Marker is deprecated. The AdvancedMarkerElement doesnt work this way

    • @Grepsoft
      @Grepsoft  7 месяцев назад +1

      I will be releasing a complete project in 2 to 3 weeks that uses AdvancedMarker element and more. Stay tuned.

    • @pavelzapletal7942
      @pavelzapletal7942 7 месяцев назад +1

      I have figgured it out, the AdvancedMarker only supports cloud styling. I will not spoil it more, looking forward for your part 2.👍

  • @ricardolujan8466
    @ricardolujan8466 Год назад

    How i can show only restaurants ?

    • @Grepsoft
      @Grepsoft  Год назад

      you would need to use the Places api. You can then provide 'restaurant' as the parameter when calling the api. Documentation is here: developers.google.com/maps/documentation/places/web-service/overview

  • @adarshrathi8265
    @adarshrathi8265 7 месяцев назад

    excellent

  • @paulopma
    @paulopma Год назад

    How can I add Pegman to it?

    • @Grepsoft
      @Grepsoft  Год назад +1

      Please see this developers.google.com/maps/documentation/javascript/streetview

  • @iDon0
    @iDon0 Год назад +1

    is it free? and is it safe to show the api key in frontend?

    • @Grepsoft
      @Grepsoft  Год назад

      nothing is free. You have to pay Google. How else are you going to show the map on front end?

    • @Grepsoft
      @Grepsoft  11 месяцев назад +1

      you can read more here: developers.google.com/maps/api-security-best-practices

  • @takamassanumuro4693
    @takamassanumuro4693 9 месяцев назад

    10/10 ;)

  • @MrZawe
    @MrZawe 6 месяцев назад

    why mine has water mark?

    • @Grepsoft
      @Grepsoft  6 месяцев назад

      You probably didn’t enter your credit card info.

  • @geovannyxaviercasimiromang944
    @geovannyxaviercasimiromang944 Месяц назад

    in react 19 this not run, this not compatible

    • @Grepsoft
      @Grepsoft  29 дней назад

      You can try and see what error you get?