Hi guys, Welcome to the Advanced Video Search Engine, and you are watching Use the Google Maps API to build a custom map with markers. That video is uploaded by Coder Coder at 2021-03-01T07:18:07-08:00. We are promoting this video only for entertainment and educational purpose only. So, I hope you like & enjoy it. [CdDXbvBFXLY]
| Name | Use the Google Maps API to build a custom map with markers |
| Video Uploader | Video From Coder Coder |
| Upload Date | This Video Uploaded At 01-03-2021 15:18:07 |
| Video Discription | 🔥 Learn how to build a responsive website from a Figma design with HTML, SCSS, JS ➡️ https://coder-coder.com/responsive/ 😎 Join the Coder Coder Club and get sneak peeks of videos: https://courses.coder-coder.com/p/club 👕 Get my hoodie here: https://coder-coder.com/merch ____________________ 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! ____________________ 💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b 🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme 🔽 FOLLOW CODER CODER Twitter -- https://twitter.com/thecodercoder Instagram -- https://www.instagram.com/thecodercoder #css #javascript #html CdDXbvBFXLY |
| Category | Science & Technology |
| Tags | web development | html | css | learntocode | javascript | google maps | api |
