Skip to Main Content
University of Oregon
UO Libraries

Wordpress & StoryMapJS for Digital Humanists

Introduction to using Wordpress and StoryMapJS for Digital Humanists

Wordpress Tutorials

StoryMapJS Tutorials

Adding latitude and longitude coordinates to StoryMapJS

StoryMapJS requires you to add latitude and longitude coordinates to maps in a specific way.

lat: < ### > lon: <###> 

Finding latitude and longitude coordinates for a place in Google Maps

You can find instructions for how to do this via Google Maps Help.


Embed a StoryMapJS into Wordpress

  1. Sign into StoryMapJS
  2. At the top right, click "Share"
  3. Scroll down the page until you see the heading "Embed"
  4. Highlight and copy the code in the box below the word "Embed". This code is called the embed code.
  5. If you want to change the height and width of the map change them before you copy the embed code.Screenshot of Share This StoryMap
  6. Sign into Wordpress, navigate to the page where you want to add the map
  7. Enter edit mode of your webpage
  8. Find the WYSYWG and click "Source"
  9. Paste the embed code into your website

Screenshot of Meredith Salisbury's StoryMapJS layout tips