In this video we'll be building a custom styled Google map with multiple custom markers, using the Google Maps JavaScript API. 🔥 Find coding projects and get feedback from DevProjects: https://codemntr.io/devprojects 💻 Get the source code for my custom Google Maps project: https://codemntr.io/coder 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! ____________________ 🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/ 💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b SUPPORT THE CHANNEL ⭐ Join channel members and get perks: null 🏆 GitHub sponsors: https://github.com/sponsors/thecodercoder 👏🏽 Hit the THANKS button in any video! 🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme 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 keyboard-- get 10% off with code THECODERCODER -- https://vissles.com/?ref=mu96kxst5w 💻 Other 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 #webdevelopment #coding #programming