Storytelling with maps using Tour Builder

Google Tour Builder is a web-based storytelling tool which lets you easily create and explore stories and places around the world. You can create a tour of any subject of your choosing, zooming in to show the places where events took place, and easily integrating the story’s text, photos and videos. Your tour will take users from one place to the next along the storyline of your tour, immersing them in the relevant places through Google Earth’s imagery and the custom content you provide.

This tutorial will introduce you to Tour Builder, and walk you through the process of creating and sharing your own tour.

Before You Begin

In order to complete this tutorial, you will need some text, photo and video content to add to your tour. You can use your own text, photos and videos, or you can use the sample content provided by our friends at the Jane Goodall Institute (JGI). Just download the zip file below and extract the contents to a folder on your desktop. (530k Zip file)

Tutorial Contents


To use Tour Builder and create your own tour, you will need a computer with internet access.

Let's Get Started!

Access Tour Builder by pointing your browser at the URL below:

In this section we’ll take a look at the home page and all of the things you can do with Tour Builder.

Tour Builder Homepage

The first page you will see is the Tour Builder homepage. Here you can explore existing tours, start creating your own tour, or access tours you’ve created in the past. It will look like the screenshot below.

Tour Builder Homepage

Signing In

It’s always a good idea to Sign In to Tour Builder with your Google account, and it is required if you want to do anything more than explore public tours in the Gallery. To Sign In, click the Sign In button in the upper right. You can Sign In with a Gmail account, a Google Apps account*, or any other email address which you have used to sign up for a Google account and password. Once you are signed in, you will see the My Tours and Shared Tours buttons appear.

*Note for Google Apps account users, you will have the option to share tours with individuals, or publicly, but you will not have the option to share a tour with only your domain.

Tour Builder Sign-In button

Go ahead and sign in now!

Collaborative editing

If you want to be able to edit a tour with a team of people, we recommend that you create the tour with a shared account, which everyone can sign into, but make sure only one person edits at a time, or you risk overwriting eachothers changes.

Home button

The Home button looks like a small house, and is available in the upper left on most Tour Builder pages. You can click the Home button to get back to the homepage.

My Tours

Click on the My Tours button in the upper left of the home page.

The My Tours button brings you to a list of tours you have created. On this page you can see all your tours. If it’s currently blank, don’t worry, by the end of this tutorial you’ll have at least one tour you created on this page.

You can click on the Tour Name to access the dropdown menu with five options: Preview, Edit, Delete, Export and Copy. Clicking Preview will show you the tour as a user would see it, in view-only mode. Edit will bring you to the editing interface where you can add to or edit the content of your tour. Clicking Delete will delete your entire tour… be careful! Export will provide you with the options of downloading your map as a KML or a CSV file. Copy will allow you to duplicate the Tour, which is automatically made private.


Shared Tours button

Click on the Shared Tours button

The Shared Tours button brings you to a list of tours which have been shared with you by other users. If nobody has shared a tour specifically with you, then this page will be blank. If there are tours here, you will be able to click on tours to view them.


Click on the Gallery button.

The Gallery button will bring you to a list of tours which have been published publicly by other users. This is a great place to explore fascinating tours about amazing stories and places. Take some time to check out a few of the tours for ideas on how to create your own!

Gallery button

About button

The About button will take you to a page which answers frequently asked questions about Tour Builder, including some background on the product, answers to technical questions, and a link to provide feedback.

View A Tour button

The blue View A Tour button on the homepage will open a featured example tour for you to explore. The View a Tour section of this tutorial will walk you through a tour and show you how to navigate and explore the map and the content.

View A Tour button

Create New Tour button

On the homepage you’ll see two red buttons labeled Create New Tour and Create A Tour. Clicking either of these buttons will start the process of creating a new tour. The Create a New Tour section of this tutorial will walk you through the process of creating a tour.

Create New Tour button

View a Tour

This section will walk you through Tour Builder, explain all the different parts of a tour, and give you tips on how to navigate the various pieces of content. If you are already comfortable with viewing tours in Tour Builder and you just want to create a tour, you can skip to the next section: Create a New Tour.

To get started with viewing a tour, click the Tour Builder logo in the upper left of your window to return to the homepage, if you’re not already there.

Open a Tour

To open a tour that we can explore, either click the blue View A Tour button to open the featured tour, or click on the Gallery button and click to view one of the tours available there. I’m going to open The Beginning of Team Rubicon tour from the Gallery for the examples below. This tour tells the story of a group of Marines and how they started a disaster relief organization.


Tour Introduction

When you first open a tour, you will see the Tour Introduction. On the left is a vertical list of cards representing the locations on the tour, with the Introduction at the top of the list, selected in red. Just to the right of the list is the tour’s introduction content, including the title, description, and photos. And on the right is the map, zoomed out to an overview of the tour. You can click on the map to pan and zoom around anytime you wish.


Take a moment to read the description and look at the photos.

Locations and Navigation

Now that you’ve read the introduction, it’s time to go to the first location on the tour. Each location shows the next piece of the story, with a specific map view, text description, and usually some photos or video.

There are three ways to navigate between locations in the tour, either by clicking the Back and Next buttons at the bottom of the content panel, by clicking on location cards in the locations list, or by clicking on location markers on the map. The best way to explore a tour is usually to follow the storyline intended by the tour’s creator, by using the Next button. But let’s try all of the options, so that you’re familiar with them.

Use the Next Button

To go to the first location, simply click on the Next button at the bottom of the content area.


You should now see the first location “Jake's House” selected in red in the Locations list, and the text and image content for the first location in the content area. The Earth will have zoomed to show the first location on the map. This is the home of one of the members of the team, and the content describes a bit about his past.

screenshot of location one

Select from the Locations List

To go to the next location, click on the second location in the locations list. You should now see the second location card selected in red, the content panel showing “Will's House”, and map flying to the new location. You may have noticed that there was a line on the map connecting the locations.

screenshot of location two

Select a location on the map

To go to the third location, let’s try using the map. Zoom out by using the scroll wheel on your mouse, or by clicking the zoom-out control on the map, until you can see numerous tour location placemarks on the map. Click on one of them to see that it will start zooming you to that location, and will update the content on the left to tell you about that location. Can you find the location called “Hurricane Sandy”, which has a placemark near New York City?


Viewing Photos and Videos

Locations can have one or more photos and videos associated with them, and it’s easy to explore them!


Small versions of the photos are shown in the location content panel. To view a larger version of a photo, click the expand button (4 small arrows) in the bottom right of the photo. To get back to the tour, simply click anywhere outside the photo, or press the Escape key on your keyboard.

viewing a photo

If there are multiple photos or videos available for a location, hover your mouse over the photo and you will see arrows on each side of the photo. Click these arrows to scroll through the available photos and videos. This also works in the full-size view, where you can also use the arrow keys on your keyboard to scroll through the photos.

scrolling through photos


When a video is associated with a Location, you will see a red Play button on the video. Click the button to expand the video, and then again to start playback. If there is more than one photo or video, you will see the arrows which allow you to scroll between them.

playing a video

Explore the Map

At any point in your exploration of a tour, you can stop and explore the locations on the map. Simply zoom in further to see more detail, or zoom out and pan around to see the surrounding areas and get better understanding of the location and the context of the places around it.


The easiest way to pan the map is by using your mouse to grab the map surface and drag it to pan.

Zooming in and out of the map is a great way to explore a Tour’s locations and their context to one another. To zoom in, you can double-click anywhere on the map, or double-right-click to zoom out. If you have a mouse with a scroll wheel, simply click on the map, and then turn the scroll wheel to zoom in and out. You can also use the on-screen zoom control found in the upper left corner of your map.

Don’t be shy about exploring the map, and clicking on any placemarks you find to see where they lead.

Create a new tour

Now it’s time to create your own tour. We will walk you through it and help you tell a short story by taking your viewers to several locations and adding some description text, photos and videos. You can use the content provided by the Jane Goodall Institute at the top of this tutorial to tell a story about Chimpanzees, or you can use your own content.

Starting a new tour

On almost every page in Tour Builder, you should see a red Create New Tour button in the upper right. You can also return to the homepage by clicking on the Tour Builder logo in the upper left, and find the red Create A Tour button in the center of the page.


Click the red Create New Tour button to start creating a tour.

You should see the page below, asking for a name for your tour, and the author’s name (that’s your name or your organization’s name). These will show as the title of the tour and the byline under the title wherever the tour is listed.

Fill in the Tour Name and Author name fields, and then click the blue Create Tour button. Don’t worry your tour is completely private until you decide to share it with others.

For this tutorial I'm going to use a tour name of “Jane and the Chimps”, and my pen name, “Bill Shakespeare”. Click the Create Tour button when you are ready.

Editing the Tour Introduction

Now you are in the editing page for the Tour Introduction. You will see that the name and author you just entered are listed here. You can edit them if you wish.

Adding a picture

Let’s add a photo to the introduction page. We’ll use the photo: jane_peak.jpg from the zip file of content which you downloaded in the Before You Begin section above.


Under “Select an Introduction Picture”, click on Add a Photo. You will see the “Select a photo” page, with options to choose a photo from your albums, to upload a photo, search the web for images, or select an image by URL. Choose Upload photos.


On the page which appears, you can select an existing album or create a new one. For this tour, let's just use the default. Now, you can either drag the photo from your computer onto that page, or click the blue Select photos from your computer button to go find the jane_peak.jpg photo to upload. Once you have uploaded the photo, and returned to the Tour Introduction editing page, a small version of the photo should appear there. Don’t worry, it will be larger in the viewer.


The Introduction box is where you can type descriptive or introductory text for your tour. This should explain what the overall tour is about. This box has basic formatting options available, including bold, italics, underline, bullet lists, indentation, and clickable Links. There is also a Tx button which will clear all the formatting.

Type some text in the description box. You can copy & paste this:

Jane Goodall is one of the best known naturalists and conservationists in the world. Her work revolutionized our understanding of chimpanzees. She started the Jane Goodall Institute, which works for Chimpanzee conservation across Africa.

Also try adding a link to a website, like the JGI site:


Editing Tour-Wide Options

On the introduction screen, there are a number of options which impact the entire tour, including how the lines are drawn between locations, and which layers are shown on the map. The sections below will show you each of these.

Type of Story

The Type of Story option determines how the locations you define for your tour are connected by lines on the map. There are five options, as shown below.

type of story options

  • “Story 3D” - The locations are connected in the order they appear in the list, by 3D lines which arch into the sky from one location to the next on the map. Note: these arcs will be flattened on the 2D Tour Builder map but will appear in 3D if the tour is exported to Google Earth.

  • “Story 2D” - The locations are connected in the order they appear in the list, by flat lines which stick to the surface of the earth.

  • “Hub 3D” - The locations are all connected to the first location in a hub and spoke pattern, with the first location as the hub, and 3D lines arching out from there to each of the other locations. Note: these arcs will be flattened on the 2D Tour Builder map but will appear in 3D if the tour is exported to Google Earth

  • “Hub 2D” - The locations are all connected to the first location in a hub and spoke pattern, with the first location as the hub, and the other locations connected to it with flat lines on the surface of the earth.

  • “Disabled” turns off the lines and means that the locations will only be shown as placemarks on the map.

Let’s choose the default: “Story 3D”.

Path Color

The Path Color lets you select the color of the lines connecting your tour’s locations on the map. Click the dropdown to see the options, and if you want a color other than the standard yellow, go ahead and select it.

path color dropdown

Advanced Options

The Advanced Options section, when expanded, lets you select which basic layers to show (or not show) on the map. Options include Borders & Labels and Roads. You can select whichever you like. For this tutorial let's only turn on Borders & Labels.


Below Map Style there is an option to Add a KML/KMZ by URL, which allows you to add a geographic dataset as an overlay for the tour. For example, if you have your own map of location points, or state polygons which you want to show on the map during the entire tour, you can add it here. There will be similar options for adding data layers for each individual Location you add, but any data layer you add here in the Introduction section will be visible for the whole tour.

Adding a KML map overlay requires you to have a KML file with the data you want to show. You will need to upload it to a publicly accessible location on the web, and paste in the URL for the file.


Setting the view

For the Locations which you will add next, you can define the map view associated with each location. For the Tour Introduction, this is not an option, since Tour Builder automatically chooses an introduction view for the tour based on the locations you create.

Saving your work

There is a Save Now button in the upper right when you are in Edit mode. You can click it occasionally while you are editing, to save your work. Once you click the button it will tell you when the tour was last saved. Tour Builder will automatically save your work from time to time, but if you make a major change and don’t want to risk losing it, just click Save Now.

Save now button

If you want to see what you have created so far, clicking the expandable Menu button in the upper right corner, and then clicking Edit.

Adding Locations to your Tour

Now that the introduction and tour-wide options are set, you're ready to add some locations to your tour. If you’re not in Edit mode, click the Edit button in the upper right.

On the left, find the blue + Add Location button and click it to start a new location.

Mark your first location

When you click the + Add Location button to start a new location, you get two options for placing the point on the map. You can either search for a location or manually drop a placemark on the map.

new location form

Search for a Location

To search for a location, type the location into the search box, and you will see a list of results appear as you type. When you see the result you want, click on it, or if it’s at the top of the list, just press Enter to select it. The map will fly to that location and show the marker on the map.

add search result to tour

Try searching for a few locations to see how it works. Now search for “Bournemouth, UK”. When the map flies you to Bournemouth, mouse over the search result and click the blue Add to Tour button to add this location to the tour.

Drop a Placemark

The other method for adding a placemark is to place it on the map manually. To do this, you would click the Drop Placemark button, then click the location you want on the map, then click the blue Add to Tour button. We’ll walk you through this for the next Location.

drop placemark on map and add to tour

Don’t worry if you don’t get the location exactly correct the first time, you can always drag the marker to move it and reset the view later.

Edit your Location details

For each location, you can give it a name, photos and/or videos, some descriptive text, and a number of other details. This section will walk you through all the options.

Location Name

Give your location a name. If you searched for a location, the name will probably already be in the Location name box, but you can edit it if you wish. For the tour we’re building, let’s give the location in Bournemouth the name: “Jane’s Home”.

location name

Add a photo or video

Under Enhance the Story is a place to add up to 25 photos and/or videos. Just like you did for the Introduction, add the jane_and_leakey.jpg photo to this location.

If you add captions to your photos, or you add a description to your YouTube video, those will be brought in as captions in Tour Builder.

photo and video interface

Start and End Dates

Tour Builder can show dates just under the Location Name. If you want to show a start date or an end date, or both, you can enter them here. Dates can the year alone, month alone, day alone, or any combination... all three are not required. The dates are optional, so we’ll leave them blank for this example.

date controls

Add some description text

Under Introduction, is a text box for you to type the story of this location. Just like the Introduction, you have some basic formatting controls here.

For this tour, type or copy & paste the something like this:

Growing up in Bournemouth, England, Jane Goodall was fascinated by animals, and loved to read Doctor Dolittle and the Tarzan series. In 1957 she went to Kenya and met the famous Dr. Louis Leakey who hired her as a secretary, and eventually helped her start to study chimpanzees.


Customize the View

Let’s move to the map for a minute and customize the map view associated with this location. Using the techniques described above, navigate to a nice view. Let’s zoom in a bit to a view something like the one shown below.


Once you have a view which you like, click the blue Lock this View button in the upper right of the map. This associates this view with your location, and when your users go to this location, the map will fly to this view.

Choose an icon

Back in the Location content editing panel, Under “Location Icon”, you can choose a map icon for your location. Click on Change Icon to see the options, and choose an icon from the available list. Let’s use the yellow house icon for this one.

icon selector

Adding map overlays

At the bottom of the Location editing panel there is an expandable Advanced Options Tab, in which there are options to Add a KML/KMZ by URL. This means that you can add a geographic dataset as an overlay on the map, and this overlay will be shown when the user navigates to this Location. Any overlays you set in the Tour Introduction will be shown throughout the entire tour, and any overlays you set for a location will be shown for that location.

Saving your work

Tour Builder will automatically save, but you can always click the Save Now button in the upper right, just to be safe.

Add some more locations.

Lets add a couple more locations so that we actually have an interesting tour.

Second Location

  1. Click the + Add Location button on the left to add a new location.

  2. Search for “Gombe National Park” in Tanzania, and when you find it, click the blue Add to Tour button.

  3. Find a view that you like and then click the blue Lock this View button in the top right of the map to save the view.

  4. Change the Location Name to: “The Chimps of Gombe”

  5. Add the first chimpanzee photo to this location: chimps_fishing_for_termites.jpg

  6. Click the “+” button on the photo to add another photo. Add the other chimpanzee photos: gaia_and_google.jpg, and gombe_researcher_observing_chimps.jpg.
    If you want to remove a photo, simply click the trash-can icon in the lower right of the photo box to remove it.

  7. In the Introduction description box, type (or copy/paste) something like:

    Gombe National Park is where Jane Goodall did much of her research, and showed that chimpanzees know how to make and use tools, like humans do. Her research team has studied the behavior and followed the lives of the chimpanzees of Gombe for many decades now.

  8. Under Location Icon, change the icon to the green tree icon.

  9. Click the Save Now button in the upper right if the tour has not already been already automatically saved.


Third Location

  1. Click the blue + Add Location button.

  2. From Gombe, zoom the map way out until you can see all of central Africa.

  3. Click the Drop Placemark button and drag your mouse cursor over the map. You’ll see a cross on the map which moves with your mouse. Click somewhere in central Africa to drop the marker, maybe over Gabon or the Congo (don’t worry about getting it exact, anywhere near there will work).

  4. Click the blue Add to Tour button to add the marker to the map and start editing the details for this Location.

  5. 'Set the Location Name to: “Chimpanzee Conservation”'

  6. Add a video to this location: Click on Add Photos & Videos, select the More drop down tab and click Search YouTube, and search for “Jane Goodall Ground to the Cloud”. Click to select the first result, titled: “From the Ground to the Cloud:...”, and then click the blue Select button to add the video to your location. If you have trouble finding the video via search, you can also add the video directly by URL:

  7. In the Introduction box, type (or copy/paste) something like:

    The Jane Goodall Institute (JGI), works around the world to promote the conservation of chimpanzees in Africa. This map shows the approximate historical range of chimpanzee habitat, which is has been rapidly shrinking due to human incursion and deforestation. The video above shows how JGI uses Google mapping tools. To help JGI protect chimpanzees, find out more at their website and consider donating.

  8. Add a link to:

Rearrange the locations

You can easily rearrange the order of your locations by dragging and the location cards up and down in the list. Try dragging a location to the top of the list, and then back to where it belongs.

rearrange location cards

Let’s see what it looks like!

You’re all done creating your first tour and adding three locations to it! Click the Save Now button in the upper right just to be safe.

Now click the Done Editing button in the upper right to exit editing mode and go to viewing mode.

If you click the top Introduction card in the list on the left, you will see the overview which will greet your users when they start your tour.


Now click the Next button, or the first location “Jane’s Home” and watch the map fly in to that location. Click on the second and third locations to see Gombe and then the Chimp ranges across Africa. At each location, you can read the story in the text, view the photos and videos, and explore further in the map. For more information, see the View a Tour section near the beginning of this tutorial.

Sharing a tour

Now that you have a complete tour, you can start to share it with others.

Sharing with individual people

You might want to share your tour only with specific people. This could be because your tour tells a story which you only want to share very specific people, or you are still developing the tour and you want only a few friends or colleagues to see it and provide feedback. It’s easy to share a tour with only specific people, and they will need to log in with their Google account to see it.

  • Make sure you are looking at the tour you want to share and that you are in viewing mode. If not, click the Done Editing button in the upper right.

  • Click the blue Share button in the upper right to get to the Sharing settings dialog.

    share settings dialog

  • To share only a specific person, enter their email address under “Invite people”. You can add more than one person by separating the email addresses with commas.

  • Click the blue Done button at the bottom to save your settings. This will send an email to the address(es) you entered with a link to the tour.

Sharing more broadly

When you are ready to share your tour more broadly, make it available so that anyone with the link can access it, without needing to log in. This is useful for when your tour is complete and you’re ready to share it on your website, blog, or social media.

  • From view mode in the tour you want to share, click the blue Share button in the upper right.

  • In the “Sharing settings” dialog, look for “Who can access” which should say “Private - Only the people listed below can access”.

  • To the right of that, click the Change… link.

    share settings dialog

  • Select “Anyone who has the link”

  • Click the blue Save button.

    sharing visibility options

  • Copy the link at the top of the dialog under “Link to share”.

    link to share

  • Click the blue Done button.

Now you can share that link on your website or blog, or send it out via email or social media. Anyone who clicks on the link will be able to access and view your tour and explore your story!

Open in Google Earth

In the drop down menu on the the right side of your tour screen there is an option to Open in Earth. If you are using Chrome as your browser, your tour will be redirected to the Google Earth Web. This is a great way to visualize your Tour Builder project in the compelling 3D perspectives of Google Earth Web, and to allow people to explore the content of your Tour in the Google Earth interface.

Note: To do this you will have to modify your visibility setting so that anyone who has the link can access, or to Public.

When your Tour Builder project is opened Google Earth Web you have the ability to edit and explore your tour much like you can in Tour Builder. However, in 3D mode you will be able to change your viewpoint angle which is a powerful tool for visualizing in 3D. Have fun exploring your tour!


Discussion And Feedback

If you have feedback about Tour Builder, including issues you've encountered or suggestions for the product, click the Feedback link at the bottom of the Tour Builder homepage.

What's Next?

To explore Tour Builder in more depth, try adding some more Locations, customizing their map views, and adding more photos and videos to your locations using the various options available. You can also play with the date settings, the historical imagery settings, and the map overlay options for including KMLs in your tour.