From the course: HTML for Educators

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Using a custom Google map

Using a custom Google map - HTML Tutorial

From the course: HTML for Educators

Start my 1-month free trial

Using a custom Google map

“

- [Man] So far in this chapter we've looked at adding media files for our learners to consume but you can embed content that your learners can interact with as well. In this example we'll embed a custom Google map in an iframe on our page. Let's begin on maps.google.com. And the first thing we need to do is to define the region for our map. I'd like to add a map that shows Turneffe Atoll in relationship to Belize City and Lighthouse Reef. I'm already zoomed out far enough to see the entire United States and you can use the plus and minus tools to zoom in or out. Or you can simply double click on an area of the map and zoom in. So I'll start to zoom in here on Central America, drag up a little bit, zoom in a little further on the Yucatan Peninsula, and then we want to zoom in on this area that's just offshore of Belize City. We can start to see the two reefs. If you need to you can zoom out just a little bit. Okay I'm zoomed in to about where I want now. Then click on the Earth button…

Contents