Playing with GeoStories

A GeoStory is a special type of content in GeoNode allowing you to create a storytelling-type frame composed by a mix of geospatial data and static media-type contents.

You will be able to compose the frames by placing text, images, video, audio, maps and other static contents into a dynamic page which will result in a narrative story. An alternative way to a simple plain map of presenting contents and link them to events and places in the world.

Create a GeoStory

• From the Apps dropdown menu on the top navbar, select the link Explore Apps

  

• From the Create New Apps dropdown menu, select GeoStory

• You will be redirected to an empty GeoStory with a sample title

  

• Let’s start by adding a title; write Boulder Colorado into the title frame

  

• Change the size of the title frame to XL

  

• Adjust the color of the tile frame and add a shadow

  

• Change the text to Bold and Centered

  

• Click on the Pencil in order to edit the media contents of this frame

  

• Let’s search for an image of Boulder in Colorado on Google and let’s copy the image URL

  

• Click on Images and then add (+)

  

• Fill the image form with the URL and other info, and then Save

  

• Select the newly created image content and Apply

  

• The image suddenly appear as the frame background

  

• Time to save our new GeoStory before adding more contents

  

  

• The new GeoStory is available now from the Apps list

  

Edit a GeoStory

• From the Apps list, click on the GeoStory name; from the detail page, click on Editing Tools and then GeoStory > Edit

  

• Change the fit of the Abstract to Vertical and click on the Plus button at the bottom

  

• Add an Immersive Section, select the Boulder Map from the available Maps on GeoNode

  

• Add and fix some text (you can get it from Google) to the text section

  

• Add a Title Section and insert the title Boulder Trails into the text box

  

• Add another Immersive Section, add the Boulder Map again and zoom to the Middle Saint Vrain Trailhead location. Search for some text and images on google and add them to the text box. Also change the size and positions of the media and text contents if needed

  

• Click on the map settings as shown below

  

• Click on the tool tab as shown below

  

• Enable the option as shown in the figure belo, and zoom to the area of interest

  

• Click on the Preview button in order to check the outcomes; if everything is fine, Save the GeoStory

  

• The new GeoStory is ready and can be viewed and accessed from the Apps list

  

  

  

Next Section: Introduction to Configuring GeoNode (Basics)