HOW TO

Enable hover pop-ups in ArcGIS StoryMaps

Last Published: February 7, 2023

Summary

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

However, the Media Map template 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 ArcGIS StoryMaps application, users must create another map application using the Media Map template, and embed the map via URL into the ArcGIS StoryMaps application.

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

Procedure

Follow the steps in the workflow below to configure the hover pop-up functionality in ArcGIS StoryMaps.

  1. Create a web app with the same web map used to create the ArcGIS StoryMaps application, using the Media Map template in ArcGIS Configurable Apps. Refer to ArcGIS Online: Create apps from maps for instructions.
The Media Map template from ArcGIS Configurable Apps
  1. In the app configuration window, under Express, click Step 2. About.
  2. Enable the Enable hover pop-up option, and click Publish.
The Enable hover pop-up option
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. In the Publish dialog box, click Confirm.
  2. Navigate to ArcGIS Online, and open the item details page of the newly created application. Refer to ArcGIS Online: Open the item details page for more information.
  3. In the item details page, copy the application URL under URL.
The URL section in the item details page
Note:
Skip Steps 7 to 8 if ArcGIS StoryMaps is already in edit mode.
  1. Open the existing ArcGIS StoryMaps application, and click More actions The More actions button.
  2. Click Edit story from the drop-down menu.
The 'Edit story' option being selected in ArcGIS StoryMaps.
  1. Click the Add content block The Add content block button option, and select Embed.
The Embed option from the Add content block drop-down menu
  1. In the Add web content dialog box, paste the copied URL from Step 6 in the URL box, and click Add.
The URL box in the Add web content dialog box

The image below displays the enabled hover pop-ups on the map of the ArcGIS StoryMaps application.

The hover pop-ups on the map of the ArcGIS StoryMaps application

Article ID:000021047

Software:
  • ArcGIS StoryMaps
  • ArcGIS Online

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options

Related Information

Discover more on this topic