💻 Get the source code for my custom Google Maps project: https://codemntr.io/coder
In this video we’ll be building a custom Google map with a Super Mario theme, 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!
🏆 Support the channel with GitHub sponsors: https://github.com/sponsors/thecodercoder
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
💻 Learn to code with a free 7-day trial to Team Treehouse:
https://treehouse.7eer.net/c/1296848/228915/3944
_____________________________________
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/
_____________________________________
RECOMMENDATIONS
💻 My Gear — https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books — https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses — https://coder-coder.com/best-web-development-courses/
_____________________________________
FOLLOW CODER CODER
Blog — https://coder-coder.com/
Twitter — https://twitter.com/thecodercoder
Instagram — https://www.instagram.com/thecodercoder
_____________________________________
#googlemaps #html #css #javascript