Use the Google Maps API to build a custom map with markers

____________________

In this video we'll be building a custom styled Google map with multiple custom markers, using the Google Maps JavaScript API.

0:00 - Intro
0:55 - Create a new Google Cloud project
1:46 - Create a custom map
2:18 - Create the Mario themed map style
6:28 - Get Google Maps API key
7:59 - Building the basic map in the website
13:57 - Customize the map lat/lng and zoom level
15:02 - Adding custom map markers
18:05 - Animating the map marker
18:35 - Adding a pop-up Info Window to marker
20:27 - Loading multiple markers with a for loop
23:18 - Checking out the final map!

____________________

🔽 FOLLOW CODER CODER

#css #javascript #html

[mohamedmada]

I liked how thorough are you with each detailed little thing, It actually helps aspiring developers to make such great projects

[projectsection]

The entire video is also an ASMR. Your voice is so pleasant to hear :D nice job.

[CodeWithRVR]

I am a little average coder right now,
but I watch your all videos
editing and explanation in this video,
you nailed it

[devchaudhary]

I consider you as my sister, master, sensei, teacher. I have just one request can you upload more frequently please, BTW love from india❤️

[Codementor]

This is the best tutorial, Jessica! We LOVED working with you on this, and cannot wait to see how other people create their own custom Google map!!

[MarioDuarteMD]

No one can tell me that this isn't the best and most creative coding channel on this platform! Oh, and yes I'm Mario, thanks for making me a Google map XD

[scottsmith]

Great job! I do miss your "live" page layouts, like the Frontend Mentor series posted in several parts on YouTube. Watching you work through issues while coding HTML and CSS is very educational and inspiring.

[mittakolashivaram]

The teaching style is awesome and I liked background music, It is soothing and we cant be bored by fusion of your teaching style and background music.

[ruiguirrugo]

This format is super good keep coding and know that your voice reaches countries like Mozambique

[roadrunner]

These videos are some of my favorites! Thank you! Ran into a snag and can't seem to be able to find the "Feature Type" section in the Google Maps API (maybe new interface). Is there anyone that can lend me a hand plz?

[dieselforge]

Thats cool af. I saved this under my Playlist 'Nerd Shit'

[ericnunez]

Now I could play actual Mario Kart in my Honda

[MbaliTwala-bekb]

Please Coder Coder, may you please make the updated version of this video😭

[Nicolas-vjzc]

ONE OF THE BEST VIDEOS I'VE EVER SEEN IN MY LIFE, THANKS!!!!

[TonyLauts]

Well, found this a couple of years later. Perfect! Mine worked on the first watch of your video - very well done. Like & Subscribed !

[IndrajitShinde]

Who is your video Editor !
Awesome work!

[NFTim]

Very nice tutorial, unfortunately it doesn't work anymore in this way, would love to see an updated version of this

[shasha]

Liked your expression when you are moving your head here and there 😄

[janamacklin]

I just came across your videos! I really appreciate your story of how you became a programmer! As well as the good advice you give in your videos! You have an awesome energy in all your videos! Keep being awesome! And thank you for your videos!

[bravooh]

wow your channel is amazing! i am 51 years old and just learning how to program..