Playing with GeoStories

A GeoStory is a special type of content in GeoNode allowing you to create a storytelling-type frame composed using 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 resulting in a narrative story. An alternative method to a simple plain map for presenting contents and linking them to events and places in the world.

Create a GeoStory

• From the Add Resource dropdown menu, select Create 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 to a transparent gray, the text to white, and add a shadow

  

• Change the text to Bold and Centered by clicking on the text

  

• Click on the Pencil 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

  

• Ensure that in the Services drop-down in the top right Story Resources is collected

• 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 appears as the frame background

  

• Time to save our new GeoStory before adding more content. Click on Save in the top-left corner of the menu and click Save As. Enter a title and description and click Save

  

Edit a GeoStory

• From the GeoStories list, click on the Pencil icon in the top-left corner as shown below

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

  

• Add an Immersive Section, click on the pencil and make sure the GeoNode service is selected

• Click on the Maps button under Media

• Select the Boulder Map created previously from the available Maps on GeoNode and apply

  

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

  

• Click on the plus at the bottom of the map Immersive content 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 by using the Align content button and selecting Right.

  

• Click on the map settings as shown below

  

• Click on the tool symbol to access the settings tab as shown below

  

• Enable the option as shown in the figure below, zoom to the area of interest, and click the save button

  

• 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: Adding our first Dashboard