Тёмный

The easiest way to setup google maps in next.js 

Web Dev Cody
Подписаться 227 тыс.
Просмотров 30 тыс.
50% 1

📘 T3 Stack Tutorial: 1017897100294.gumroad.com/l/j...
🤖 SaaS I'm Building: www.icongeneratorai.com/
💬 Discord: / discord
🔔 Newsletter: newsletter.webdevcody.com/
📁 GitHub: github.com/webdevcody
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody

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

 

7 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 49   
@graysonremington568
@graysonremington568 Год назад
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 Год назад
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!
@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 😅….
@AwesomeClassyGamers
@AwesomeClassyGamers 10 месяцев назад
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?
@infiniteone783
@infiniteone783 Год назад
i wish i could grow such a majestic beard
@andri21
@andri21 6 месяцев назад
Can we change color of the marker? How to do it sir?
@carlosraul6578
@carlosraul6578 9 месяцев назад
Very good tutorial , it works, but looks like a did a mistake , when click the
@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
@SeibertSwirl
@SeibertSwirl Год назад
Good job babe!!!! Love ya
@WebDevCody
@WebDevCody Год назад
thanks babe!
@bababa4439
@bababa4439 8 месяцев назад
Are you have github code for this video or source code ? becuase i can't find it in your repository.
@tucuxikay
@tucuxikay Год назад
hi. pretty good tut. anyone knows how to use mapId option to display different style on there? thx much
@Anonymose43
@Anonymose43 5 месяцев назад
Does this bring some extra costs to your billing account ?
@daviddrahllensa4165
@daviddrahllensa4165 7 месяцев назад
Thanks man!
@efratgodwin
@efratgodwin 8 месяцев назад
Can you share the repo
@margretmauno1285
@margretmauno1285 2 месяца назад
Hi guys where can I get this code?
@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 Год назад
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
@1shotter
@1shotter Год назад
Is there a way to change the colors of the markers?
@WebDevCody
@WebDevCody Год назад
Yes
@redinternet9893
@redinternet9893 10 месяцев назад
Can it move the location smoothly with animation when changing
@WebDevCody
@WebDevCody 10 месяцев назад
Probably, not sure
@hoatruongg6129
@hoatruongg6129 4 месяца назад
can you please share me the code
@brunocaruso6591
@brunocaruso6591 6 месяцев назад
Hi there, how you do that fade-in-out transitions through the Mac windows? It's an application? Greetings
@WebDevCody
@WebDevCody 6 месяцев назад
It’s built into mac
@brunocaruso6591
@brunocaruso6591 6 месяцев назад
@@WebDevCody you enabled Reduce motion in accessibility and both apps (VS code and the browser) was in full screen right?
@WebDevCody
@WebDevCody 6 месяцев назад
@@brunocaruso6591 ah yes I think I put reduced motion on. And yes it was all full screened
@brianfontenot9925
@brianfontenot9925 6 месяцев назад
Do you have a github link available for this code example? Thanks
@WebDevCody
@WebDevCody 6 месяцев назад
Sorry I don’t
@ThibautLefebvre
@ThibautLefebvre 10 месяцев назад
Can we update marker color ? i don't find the props. Maybe not ?
@WebDevCody
@WebDevCody 10 месяцев назад
Yeah you can change the marker image
@ThibautLefebvre
@ThibautLefebvre 10 месяцев назад
@@WebDevCody ys i found it few minutes after my question :)
@AmirJ23
@AmirJ23 Месяц назад
shout out to Queens NY 😎
@sunny7268
@sunny7268 Год назад
why do you prefer it over Mapbox?
@WebDevCody
@WebDevCody Год назад
Eh either works fine depending on the needs
@imigi427
@imigi427 5 месяцев назад
Right now documentation for this lib does not work....
@linuxsing4660
@linuxsing4660 Год назад
Hi do you have contact information I need
@davidb011
@davidb011 10 месяцев назад
Is there a reason you do not share a link to the code in this tutorial?
@WebDevCody
@WebDevCody 10 месяцев назад
Forgot
@davidb011
@davidb011 10 месяцев назад
@@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.
@khumeren7079
@khumeren7079 Год назад
what theme is he using?
@WebDevCody
@WebDevCody Год назад
bearded theme
@gabrielbianchi2246
@gabrielbianchi2246 Год назад
@@WebDevCody Bearded Theme Stained Blue?
@WebDevCody
@WebDevCody Год назад
@@gabrielbianchi2246 yes
@RalphPorterLPCLCDCNCC
@RalphPorterLPCLCDCNCC Месяц назад
Is there source code? Thanks
@cigarman2
@cigarman2 Месяц назад
is that a yes or a no? Not sure what "loved a comment" means...
Далее
IN 15 MINUTES! Add Google Maps to NextJS
15:45
Просмотров 19 тыс.
Вы чего бл….🤣🤣🙏🏽🙏🏽🙏🏽
00:18
How to show directions on a map in React
21:30
Просмотров 13 тыс.
Goodbye javascript (for now)
14:57
Просмотров 81 тыс.
I found the perfect no-code automations platform
20:06
Every React Concept Explained in 12 Minutes
11:53
Просмотров 534 тыс.
What does larger scale software development look like?
24:15
From React To HTMX
40:01
Просмотров 317 тыс.