From the course: Creating Web Media

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Custom Google Maps markers

Custom Google Maps markers - CSS Tutorial

From the course: Creating Web Media

Start my 1-month free trial Buy for my team

Custom Google Maps markers

“

- [Narrator] Hi, this is Chris Converse and in this episode we'll use custom art work to indicate a location on a Google Map. Now if you'd like to follow along, you'll first need to visit developers.google.com/maps and make sure that you're signed in to your Google account. Then navigate to the Web, then JavaScript API pages, then you'll see an option for Get a Key. Once you have your key, download the exercise files and we'll begin by opening the HTML file in the text editor. Now once you have the HTML file open, you'll see in the Head area, I have an inline style. And then inside of the Body area, I have a div with an id of map. I also have an area here where we can add our custom JavaScript. And now to continue, let's go to our browser and go to developers.google.com/maps. And once you're signed into your Google account, come down and click on Web, and then choose Google Maps JavaScript API. Now from this screen let's scroll down to the bottom. There's an area where we have some…

Contents