GIS - Incorporating Images into Pop-ups

Incorporating Images into Pop-ups

A geographic information system (GIS) is a conceptualized framework that can capture and analyze spatial and geographic data. GIS applications are computer-based systems that enable users to create, store and edit spatial and non-spatial data, analyze the spatial information output, and visually share these results via maps.

If you experience issues with GIS, you may refer to the additional documentation or contact the ITS help desk at 909-621-8061 or servicedesk@pomona.edu.

Getting Started with ArcGIS Online

Go to https://claremont.maps.arcgis.com/home/index.html
Select “Sign in” in the upper right-hand corner
Log in using the Central Authentication Service

Incorporating Images in Pop-ups

Users can use logos as symbols on their map to easily identify locations. To get started, users will want to store their photos on ArcGIS Online.

Select the “Content” tab
Click “Add Item” in the upper-left-hand corner
Select “From my computer”
Go ahead and select your file
Alter the title as desired and assign a category if needed. Make sure to include at least one tag to help identify the item.
When ready, click “Add item”
The new item will be displayed. Click “Share” to make the image public.
Form here, select “Everyone” under “Set sharing level”
Click “Save” when ready
To find the image URL, scroll down and look on the left-hand side for “URL.” Go ahead and copy the link provided.

At this point, users will want to head to the “Map” tab. From here, users can incorporate photos into their pop-ups.

Select “Contents” button associated with “Details”
Click the three dots next to the layer you want to edit
Select “Configure Pop-up”
Alter the title and display as desired.
Under “Pop-up Media” select “Add”
From the dropdown menu that appears click “Image”
Change the title and add a caption using the first two text fields
Under “URL” paste the link you had copied earlier for your image
If needed, add a related link and change the refresh interval.
When ready, select “Ok”
At this point, your map will use the image like so:

Map

Description automatically generated

Going back to the “Contents” section, click the “Change Style” Logo

Graphical user interface, text, application

Description automatically generated

Choose “Show Location Only” for “Choose an attribute to show”
Under “Select a drawing style” choose “Location (Single Symbol)” by clicking the “Options” button in the center of it
Click “Symbols”
Users can select a pre-made shape to use or select “Use an Image”
You would then paste in the link you had copied earlier for your image
You can change the symbol size using the arrows or slider
Select the blue “+” sign
When ready, click “Ok”
Select “Done”

The end result will look something like this:

Map

Description automatically generated

Because some maps may contain a lot of information, user may need to use multiple logos to make their map and legend easy to understand.