Тёмный
No video :(

IN 15 MINUTES! Add Google Maps to NextJS 

Grepsoft
Подписаться 2,8 тыс.
Просмотров 20 тыс.
50% 1

More FREE Courses here: grepsoft.com/c...
Places search and Address Autocomplete: NextJS - Add Google Places Search
• ONLY 30 Minutes! Add G...
For anyone talking about security concerns take a look here: developers.goo...
This is part of a longer full-stack development tutorial that I am working on and it will be released in the coming weeks. In the full video we will be building a full blown iOS and full stack web app. You will pretty much learn everything that a modern software dev should know. So please like and subscribe.
In this short but comprehensive tutorial, I will show you guys how to bring location-based services to your applications! 🌍✨
Learn how to seamlessly integrate Google Maps into your Next.js project step by step. 🛠️ Discover the process of installing essential Google Maps npm packages, crafting a custom map component, setting up the map to suit your needs, and adding a dynamic marker for that personalized touch.
📍🚀 Bring the power of google maps to your project and enhance user experiences! 🌟
#googlemaps #Nextjs #LocationBasedApps #grepsoft #WebDevelopment 🖥️💡

Опубликовано:

 

5 окт 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 27   
@irynadidkivska
@irynadidkivska 3 месяца назад
Exactly what I'm looking for! Thanks a lot!🤗
@Grepsoft
@Grepsoft 3 месяца назад
You welcome 🤗
@brad4273
@brad4273 8 месяцев назад
This tutorial helps me a lot. Thank you
@keilerguardo2164
@keilerguardo2164 6 месяцев назад
Thank you very much, This tutorial help me.
@Grepsoft
@Grepsoft 6 месяцев назад
I am glad it was helpful
@pavelzapletal7942
@pavelzapletal7942 2 месяца назад
Good video, but I am having problem with AdvancedMarkerElement(), since Marker is deprecated. The AdvancedMarkerElement doesnt work this way
@Grepsoft
@Grepsoft 2 месяца назад
I will be releasing a complete project in 2 to 3 weeks that uses AdvancedMarker element and more. Stay tuned.
@pavelzapletal7942
@pavelzapletal7942 2 месяца назад
I have figgured it out, the AdvancedMarker only supports cloud styling. I will not spoil it more, looking forward for your part 2.👍
@danieldbird
@danieldbird 7 месяцев назад
Perfect, thank you.
@Grepsoft
@Grepsoft 7 месяцев назад
My pleasure
@adarshrathi8265
@adarshrathi8265 2 месяца назад
excellent
@Grepsoft
@Grepsoft 2 месяца назад
Ty
@_chinocabron
@_chinocabron 6 месяцев назад
how can i add specific bookmarks?
@Grepsoft
@Grepsoft 6 месяцев назад
if you mean markers please see this: developers.google.com/maps/documentation/javascript/markers
@takamassanumuro4693
@takamassanumuro4693 4 месяца назад
10/10 ;)
@Grepsoft
@Grepsoft 4 месяца назад
Ty
@MrZawe
@MrZawe Месяц назад
why mine has water mark?
@Grepsoft
@Grepsoft Месяц назад
You probably didn’t enter your credit card info.
@ricardolujan8466
@ricardolujan8466 10 месяцев назад
How i can show only restaurants ?
@Grepsoft
@Grepsoft 10 месяцев назад
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
@paulopma
@paulopma 7 месяцев назад
How can I add Pegman to it?
@Grepsoft
@Grepsoft 7 месяцев назад
Please see this developers.google.com/maps/documentation/javascript/streetview
@iDon0
@iDon0 8 месяцев назад
is it free? and is it safe to show the api key in frontend?
@Grepsoft
@Grepsoft 8 месяцев назад
nothing is free. You have to pay Google. How else are you going to show the map on front end?
@Grepsoft
@Grepsoft 6 месяцев назад
you can read more here: developers.google.com/maps/api-security-best-practices