For the purposes of this activity, you will create 4 markers with Esri Story Maps, each at a unique geographic location, using images you find from the Internet. If you don\u2019t want to be creative, you can use the following points: Where you were born, your favorite vacation spot, your currently location, and a place you would like to visit in the future.<\/p>\n
Go to\u00a0https:\/\/storymaps.arcgis.com\/en\/<\/a>\u00a0and click\u00a0Sign In. Enter the username and password provided.<\/p>\n Once you have signed in, either click on\u00a0My Stories\u00a0or go to\u00a0https:\/\/storymaps.arcgis.com\/en\/my-stories\/<\/a>.<\/p>\n Click on\u00a0Create Story\u00a0to start creating a new map. If you have already created a map, locate it in the list and click on it, then click\u00a0Edit Story\u00a0to begin editing it.<\/p>\n After creating a new Story Map, select the\u00a0Map Tour<\/strong>\u00a0option.<\/p>\n The\u00a0Map Tour Builder<\/strong>\u00a0will appear. For the purposes of this exercise, you will be uploading your own images, so select I need to upload my images. <\/strong>You will be asked to name the map layer, so call this whatever you want to. Leave Folder alone, then click Create the Layer. <\/strong>You can also connect a Flickr or Picasa (Google Photos) account, or use YouTube if you are using videos.<\/p>\n You will be taken into the\u00a0Builder Mode<\/strong>\u00a0at this point, where you will create your points and add media.<\/p>\n Remember to\u00a0Save<\/strong>\u00a0often!<\/p>\n Click on the pencil\/edit icon<\/strong> next to the\u00a0Title<\/strong>\u00a0and\u00a0Subtitle<\/strong>\u00a0of the map at the top left to change them.<\/p>\n Click Add<\/strong> to add markers to your map. There are three components to a marker:<\/p>\n There are a few settings you can adjust in Map Tour.<\/p>\n On the map, click the\u00a0Change Basemap<\/strong>\u00a0button and change to\u00a0a map option you think looks well.<\/p>\n Markers can be moved after you have added your images. To move a marker, click on the image corresponding with the marker at the bottom of the screen, then click and drag the marker to a new location. You can zoom in and out to help place markers, but this will not affect the presentation of the final map.<\/p>\n Marker colors can be changed as well.<\/p>\n To change the order the markers appear when clicking through,\u00a0click\u00a0Organize<\/strong>, then drag and drop the markers in the order you want.<\/p>\n Click on the\u00a0pencil\/edit<\/strong> icon\u00a0next to the title and description of the marker image to update them. Do not use too much text, as it will force your audience to have to do a lot of scrolling. The default title of the image will be the filename of the image, and the description will say\u00a0Edit me!<\/strong>\u00a0until you change it.<\/p>\n Horizontal pictures seem to work best with Story Map. If you image is more vertical than horizontal, you may want to use an image editing software to crop the image in a horizonal\/landscape manner.\u00a0Pixlr<\/a>\u00a0is a free, online image editor if you don’t have access to PhotoShop or similar program.<\/p>\n For the purposes of this activity, you will\u00a0annotate an image with 3 markers. You don’t need to know specifics about the image. Pick three different parts on the image you want to highlight and create a slide for each one.<\/p>\n Firefox seems to work best with StoryMapJS, although Chrome works as well.<\/p>\n StoryMapJS requires a Google Account<\/a>. You can use a Gmail account, or create a Google account for any other email address. After logging into the StoryMap site, click\u00a0Make a storymap now<\/strong>\u00a0to sign in, and click\u00a0Login with your Google account<\/strong>. If this is the first time logging in, click\u00a0Allow<\/strong>\u00a0to continue.<\/p>\n StoryMapJS is good at allowing you to import images and use them as your map, instead of a traditional map. This lets you annotate historical maps, or even non-map images.<\/p>\n Click\u00a0New<\/strong>\u00a0to create a new\u00a0StoryMap, enter a name for your map, then click\u00a0Create<\/strong>.<\/p>\n There are several options for the entire map that you can manage. You will need to change some of these to get your Gigapixel image to display:<\/p>\n A StoryMap is made up of several components:<\/p>\n In the text area, you can copy\/paste text into the box as well as type it in. You can bold and italicize your text, and add links.<\/p>\n Each slide has two tabs:\u00a0Edit<\/strong>\u00a0and\u00a0Preview<\/strong>; suffice it to say, to make changes, you have to be on the\u00a0Edit<\/strong>\u00a0tab. To see what you have done, click\u00a0Preview<\/strong>.<\/p>\n This is the first slide that users will see when they load your map. It displays all of your points at once. This is a good place to introduce your map. You do not add a marker for the title slide.<\/p>\n Click\u00a0Add Slide<\/strong>\u00a0to add a new slide. Once you have more than one slide, you can drag them to rearrange them. To delete a slide, select it, then click the\u00a0X<\/strong>. Once you have created a new slide, drag the marker on the map to the appropriate location you want to highlight, and zoom in or out as necessary.<\/p>\n These options have to be adjusted for each slide.<\/p>\n Once you are happy with your map, you can click on the\u00a0Share<\/strong>\u00a0button to get a link to your map. Copy and paste this link into a browser to see it live.<\/p>\n To embed your StoryMap into another website, like WordPress, click on\u00a0Share<\/strong>, then scroll down to\u00a0Embed<\/strong>, and copy the code in the box. This can be pasted into other sites to embed your map.<\/p>\n Questions<\/p>\n Esri Story Maps For the purposes of this activity, you will create 4 markers with Esri Story Maps, each at a unique geographic location, using images you find from the Internet. If you don\u2019t want to be creative, you can use the following points: Where you were born, your favorite vacation spot, your currently location, … <\/p>\nCreating a new Story Map or Editing an Existing Map<\/h3>\n
Creating your First Map<\/h3>\n
Map Title and Subtitle<\/h3>\n
Adding Markers<\/h3>\n
\n
Settings<\/h3>\n
\n
Editing the Map<\/h3>\n
Editing Markers<\/h3>\n
Image Orientation, or, Why Doesn’t it Look Right?<\/h3>\n
StoryMapJS<\/h2>\n
Logging into StoryMapJS<\/h3>\n
How to Create a Gigapixel Image<\/h3>\n
\n
Creating a New StoryMap<\/h3>\n
StoryMapJS Options<\/h3>\n
\n
\n
\n
StoryMapJS Components<\/h3>\n
\n
\n
Title Slide<\/h3>\n
Individual Slides<\/h3>\n
Slide Options<\/h3>\n
\n
Slide Tips<\/h3>\n
\n
Sharing and embedding your Map<\/h3>\n
\n