English

How To: Enable hover pop-ups in Esri Story Map

Summary

By default, to view an attribute of a feature in Esri Story Map, the user must click on the feature and an attribute pop-up window shows the value. Esri Story Map does not offer the 'hover over' functionality that automatically displays information in a map application.

However, Media Map offers the hover pop-up functionality in a map application, allowing users to view attributes by hovering the cursor over a feature. To configure this functionality in an existing Esri Story Map application, users must create another map application using the Media Map template, and embed the map via URL into the Esri Story Map application.

This article details the steps to embed a Media Map application to enable the hover pop-up capability in an Esri Story Map application.

Procedure

Follow the steps in the workflows below to configure the hover pop-up functionality in Esri Story Map.


Create a map with a Media Map template

  1. Create a web app with the same web map used to create the Esri Story Map application, using a Media Map template.
Image of the Create Web App selection in ArcGIS Online

Image of the Media Map template selection
  1. Navigate to the General tab and check Enable hover popups. Select the hover pop-up type from the drop-down list.
Image of the Enable Hover Popups selection
Note:
Floating hover pop-ups display the attribute window as a pop-up next to the feature.
Fixed hover pop-ups display the attribute window in a specific location on the screen. Options include top-right, top-left, bottom-right, and bottom-left.
  1. Click Save.
  2. Click Launch to open the Media Map application. Hovering over features shows an interactive pop-up attribute window.

Embed the Media Map application in the Esri Story Map application
  1. Navigate to the existing Esri Story Map application. Click Settings.
Image of the Settings selection in the Item Details page in ArcGIS Online
  1. Select Web Mapping Application.
  2. Paste the Media Map application link into the Data Source URL text box. Click Save.
Image of the Web Mapping Application Data Source URL input box
  1. Click Launch to open the Esri Story Map application. Hovering over features shows an interactive pop-up attribute window.

Related Information