- View Offline
- Exercise Files
- Code Practice
- [Voiceover] In this video we're gonna take…the next step with the Google map,…which is to add a pop-up window to this market.…So right now when I click it, nothing happens.…I have to sort of carefully hover my mouse…over it to get my little tool tip.…But I'd like to see that pop-up window that shows…a little bit more information here in the context…of the map when I click on that marker.…So let's see if we can figure out what that thing is called.…I'll try searching the whole page for pop,…and nothing comes up, so obviously…pop-up is not the right terminology.…
Let's look back where the markers are defined…and see if there's anything similar in the same section.…Simple markers, labels, wonder if that's it.…Looks like that changes what's actually…on the marker itself.…We'll look through some of these others.…What's an info window?…Ah, there we go, that's just the ticket.…So let's see how you create an info window.…Scrolling down here to the code example,…everything up here looks pretty similar to what I have…
- Working with the DOM
- Creating maps with the Google Maps API
Skill Level Beginner
Productivity Tips for Web Designerswith Sue Jenkins5h 25m Appropriate for all
2. Writing and Debugging
3. Working with Forms
4. A Matter of Time
5. Using the Google Maps API
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.