How to Create a Story Map Without Google Maps

Richard Byrne
3 Nov 202308:14

Summary

TLDRIn this informative video, Richard Burn demonstrates how to create a story map using StorymapJS, a tool that allows users to mark locations and share narratives without relying on Google Maps or Google Earth. The tutorial covers the basics of setting up a map, uploading media, customizing markers and background colors, and adding slides to build an engaging, location-based story. Richard emphasizes the flexibility of StorymapJS, highlighting the ability to embed various types of media and customize the story map to fit one's narrative. The video concludes with instructions on sharing and publishing the completed project, encouraging viewers to explore this creative way of storytelling.

Takeaways

  • 🌐 Utilize StorymapJS to create a story map without Google Maps or Google Earth.
  • πŸ” Start by visiting the website storymap.nightlab.pro to access the tool.
  • 🎨 Customize the appearance of your story map with different markers and background colors.
  • πŸ–ΌοΈ Upload a cover image to represent the overall theme of your story map.
  • πŸ“Œ Add placmarks to the map by searching for specific locations or manually adjusting their positions.
  • πŸ“ Include a headline and description for each placmark to provide context and information.
  • πŸ–ΌοΈ Attach relevant images or media to each placmark to enhance the storytelling.
  • 🌐 Adjust the zoom level of the map to focus on specific areas or details.
  • πŸ”„ Limit the number of placmarks to 20 for optimal playback experience, although more can be added.
  • πŸ”— Share your story map with others through a unique link or by embedding it into a website.
  • ✍️ Always review and edit your story map to ensure accuracy and coherence in the final product.

Q & A

  • What is StoryMap JS and where can it be found?

    -StoryMap JS is a tool used to create interactive story maps without the need for Google Maps or Google Earth. It can be found at the website storymap.knightlab.com.

  • How does one start creating a story map in StoryMap JS?

    -To start creating a story map in StoryMap JS, click on 'Make a StoryMap' and then 'Create a new map'.

  • Can you create a story map focused on a specific location in StoryMap JS?

    -Yes, you can create a story map focused on a specific location. For example, the video mentions creating a story map centered around Maine.

  • What type of media can you add to your StoryMap JS cover?

    -You can upload an image from your computer to serve as the cover image for your story map in StoryMap JS.

  • Is it possible to customize the appearance of your StoryMap JS project?

    -Yes, you can customize your StoryMap JS project by changing marker options and the background color of the map.

  • How can you add additional slides to your story map?

    -You can add additional slides to your story map by going back into edit mode, searching for a place, and then uploading images and information related to that place.

  • Can you embed or hyperlink media in your StoryMap JS placemarks?

    -Yes, you can either embed media, like a YouTube video, into your placemarks or hyperlink to an item you wish to appear in the placemark.

  • How many items can you ideally add to your story map according to StoryMap JS recommendations?

    -While you can add more than 20 items to your story map, StoryMap JS recommends limiting it to 20 for ease of playback.

  • How do you share your StoryMap JS project with others?

    -To share your StoryMap JS project, click the share button in the upper right-hand corner to get a link that you can give to others.

  • Can you revisit and edit your StoryMap JS projects at a later time?

    -Yes, you can always go back and edit your StoryMap JS projects by selecting them from 'My Maps' section.

Outlines

00:00

πŸ—ΊοΈ Introduction to Storymap JS

In this video segment, Richard Burn introduces viewers to the process of creating a story map without the need for Google Maps or Google Earth. He presents Storymap JS, a tool found at storymap.nightlab.com, which allows users to create a series of slides with placmarks on a map. Richard demonstrates how to create a new map, select media, upload a cover image, and customize the map's appearance by changing marker options and background colors. He emphasizes the flexibility of the tool, which can be applied to any location, and proceeds to focus on creating a map of places to see in his local area of Maine.

05:01

πŸ“Œ Adding Slides and Media to the Storymap

This paragraph details the process of adding slides and media to the story map. Richard Burn guides the viewer through searching for a location, adjusting the placmark, and adding a headline and image for each slide. He also explains how to add captions and credits, change the background color, and customize marker options. Richard further discusses the possibility of embedding media, such as YouTube videos, and hyperlinking within the placmarks. He encourages viewers to ensure their map is accurately placed before publishing and shares options for sharing the completed project through a link or embedding it into other websites.

Mindmap

Keywords

πŸ’‘story map

A story map is a multimedia presentation that combines geographic information with narrative content, images, and other media to tell a story or convey information in a spatial context. In the video, the creation of a story map is the central activity, where the user is guided through the process of using StoryMap JS to create a map showcasing places of interest in Maine.

πŸ’‘StoryMap JS

StoryMap JS is an open-source tool used for creating interactive story maps. It allows users to add markers, images, text, and other media to a map to create a narrative that can be shared and viewed by others. In the video, the presenter uses StoryMap JS to demonstrate how to create a story map without relying on Google Maps or Google Earth.

πŸ’‘plamarks

Plamarks, or placemarks, are markers placed on a map to represent a specific location tied to a story or information being shared. In the video, the creator places several placmarks across the map to highlight different points of interest in Maine, such as Main Street Rangely and the Handable Hamlin House.

πŸ’‘cover image

A cover image is a visual representation or thumbnail used to represent the overall content or theme of a story map. In the context of the video, the creator uploads an image to serve as the cover for the story map, providing a first impression of the 'Places to See in Maine' narrative.

πŸ’‘media

Media refers to various types of content such as images, videos, audio, and text used to enhance and support the narrative of a story map. The video script describes how the creator selects and uploads different media, like images and captions, to provide context and information for each placmark on the map.

πŸ’‘slides

Slides are individual sections or panels in a story map that present a specific part of the narrative. The video explains how to add slides to the story map, each containing a placmark, an image, and descriptive text, to create a sequential and engaging story.

πŸ’‘upload

Uploading in the context of the video refers to the process of adding content such as images, videos, or other media to the story map. The creator demonstrates how to upload various media to enhance the story map, including a cover image and images for each placmark.

πŸ’‘edit

Editing in the video pertains to the process of modifying or adjusting the elements within the story map, such as the position of placmarks, the background color, and the content of slides. The creator explains how to edit these elements to fine-tune the story map's appearance and content.

πŸ’‘share

Sharing a story map involves making it accessible to others by providing a link or embedding code. The video describes how to share the completed story map with others, allowing them to view the narrative and interact with the map.

πŸ’‘Rangely

Rangely is a town in Maine mentioned in the video as the location for the first placmark on the story map. The creator uses Rangely to demonstrate how to add a placmark and customize the presentation of the location on the map.

πŸ’‘Handable Hamlin House

The Handable Hamlin House is a specific place of interest highlighted in the video's story map. It serves as an example of how to add detailed information, images, and context to a placmark, enriching the narrative of the story map.

Highlights

Introduction to creating a story map without Google Maps or Google Earth

Use of the tool StoryMapJS for map creation

Preview of the StoryMapJS interface and capabilities

Creating a new map and selecting a location focus (Maine in this example)

Uploading a cover image and titling the story map

Changing marker options and background color for customization

Adding the first slide with a place mark and relevant image upload

Adjusting the place mark location for accuracy

Adding a headline, description, and image credit for the place mark

Option to change background color and marker options for each slide

Previewing the progress of the story map

Adding subsequent slides and repeating the process

Embedding media or hyperlinking within the place marker

Adjusting the location of the second slide (Handable Hamlin House)

Recommendation to limit the story map to 20 items for ease of playback

Sharing the project through a link and embedding options

Access to edit previously created projects at any time

Transcripts

play00:00

hi I'm Richard burn in this video I'm

play00:03

going to show you how to create a story

play00:05

map without having to use Google Maps or

play00:09

Google Earth let's go ahead and take a

play00:11

look at how to do this the tool that

play00:13

we're going to use is called storymap JS

play00:17

you'll find it at story map. nightlab

play00:20

domcom and you can take a little preview

play00:23

here and see what it looks like you can

play00:25

make lots of plac marks across a map and

play00:30

and you'll play it back as a series of

play00:34

slides just like this one so let's take

play00:38

a look at how you can make it just click

play00:41

make a story map and create a

play00:45

new map and I'm going to call this

play00:49

one places to see in Maine now you can

play00:53

make it a worldwide story map if you

play00:57

like but for this one I'm going to keep

play00:59

keep it just to my neighborhood here in

play01:02

Maine so let's go ahead and now create

play01:07

it and I want to start by selecting some

play01:12

media and I'm going to upload an image

play01:16

that I have

play01:18

here and I'm going to just choose a file

play01:21

and select a file from my computer and

play01:25

I'm going to now upload that image this

play01:29

image is going to be my cover image for

play01:32

my entire story I'm going to give it a

play01:36

title

play01:37

of places to see in

play01:41

Maine and I might write something

play01:45

like these are

play01:48

interesting places to see when you come

play01:53

for a

play01:54

visit these places

play01:57

are great in the winter win and the

play02:02

summer as well as spring and fall now if

play02:05

I want to change my marker option I

play02:09

can do so and if I want to change my

play02:12

background color from the default kind

play02:15

of gray scale I might change it out and

play02:18

make it kind of a greenish

play02:20

color like that

play02:23

one hit close and now we can preview

play02:27

it so far this is what my map looks like

play02:32

not very exciting so let's go back into

play02:37

edit and let's add our first actual

play02:43

slide and to do this let's search for a

play02:46

place and I'm going to search for I'm

play02:49

going to start by going to Main

play02:53

Street Rangely

play02:58

main now I know from having been to

play03:01

Rangely many times myself that this is

play03:05

not where I want my place Mark to be I

play03:07

want it to be a little bit further down

play03:09

the road so it matches up to my image so

play03:11

I'm just going to click and move it down

play03:13

the road a little bit I want it to be

play03:17

there and now I'm going to put in my

play03:18

headline I'm going to call

play03:21

it Main Street Rangely

play03:28

Main

play03:30

when you are

play03:32

here you are halfway between the

play03:39

Equator and North

play03:42

Pole and I'm going to upload an image

play03:46

now that goes along with that placemark

play03:50

and there it

play03:51

is I'm going to save that file

play03:55

as Main Street

play03:58

Rangely

play04:00

and upload

play04:05

it now I can put in a credit in a

play04:08

caption if I want to the credit is me

play04:10

and I put in a caption and say this is a

play04:15

sign that

play04:17

stands where a restaurant used to

play04:27

be and again we can change out the

play04:30

background color around that if we want

play04:32

I'm going to leave it at the default and

play04:34

you can change the marker options if you

play04:36

want to upload a custom image to use for

play04:38

your marker you can do so I'm going to

play04:41

close that one out leave it as is and

play04:44

save it as our work in progress and

play04:48

preview

play04:49

it and see what it looks like and we can

play04:51

now see there's our marker and there's

play04:55

our picture and our little caption as

play04:58

well let's add another slide so go back

play05:00

into edit let's add another slide and

play05:04

we'll just repeat the process I'm going

play05:06

to upload another

play05:09

image and I want to pull that out of a

play05:12

different folder that I have on my

play05:16

desktop and let's find that one my main

play05:20

story map folder there it is and I'm

play05:22

going to

play05:24

upload this picture right

play05:28

here

play05:33

and once uploaded let's give it a

play05:37

title the handable Hamlin

play05:41

house I put a little

play05:50

description now you may have noticed you

play05:53

can also embed media into this place

play05:58

marker or this marker so if you want to

play06:01

you can get the embed code for a YouTube

play06:03

video and place it in there or you can

play06:06

alternatively simply

play06:09

hyperlink into an item that you want to

play06:12

see appear in that

play06:15

placemark but for now I'm happy with

play06:18

that but I need to have a location for

play06:20

it before I publish it

play06:25

so I want to go to handable Hamlin

play06:28

Drive

play06:32

and I want to place that on the map now

play06:35

I can zoom in a little bit more if I

play06:38

want maybe I'll zoom in a little more

play06:41

detail make sure I have it exactly where

play06:44

I want it and it turns out that it did a

play06:46

pretty darn good job placing it exactly

play06:48

where I wanted it that time let's save

play06:51

it and once again we can preview

play06:54

it and we can see how that place Mark

play06:58

appears now if I want to share this

play07:01

project simply click the share button in

play07:03

the upper right hand

play07:04

corner and you can give that link to

play07:07

anybody who you want to have view your

play07:11

story map now you can add up to

play07:14

20 items to your story map in fact you

play07:18

can add even more than that but but

play07:21

story

play07:22

map recommends trying to limit it to 20

play07:26

so it can actually take more but they

play07:27

recommend limiting it to 20

play07:29

for the ease of playback you can see

play07:32

there you can get an embed code if you

play07:33

want to embed it into another website or

play07:37

page you can do so with that provided

play07:40

code and make sure we save it one more

play07:43

time and take a look at our other

play07:47

options once we go back to my maps you

play07:50

can always go back in and look at any of

play07:53

your projects do you want to go back in

play07:56

and edit so that's how you can create a

play08:01

story map

play08:03

without having to use Google Maps or

play08:07

Google Earth as always for more things

play08:10

like this please subscribe to my YouTube

play08:13

channel

Rate This
β˜…
β˜…
β˜…
β˜…
β˜…

5.0 / 5 (0 votes)

Related Tags
StorytellingMappingStorymapJSLocalExplorationCommunityStoriesDIYProjectEducationalContentTechnologyTutorialTravelGuideMaineLandmarks