Tag Archives: Pop-ups
When importing .txt or .csv file in your ArcGIS Online web map something to consider is the use of smart quotes and apostrophes (also called “curly” or “book”) vs. plain ones. For example, if smart apostrophes are used, you will … Continue reading
URL variables are a handy way to pass information from one web page to another. The ArcGIS Online map viewer takes the ID of the web map to open as a URL parameter, and ArcGIS Online web maps can make … Continue reading
Color in your pop-ups can add more meaning and make your pop-ups more appealing. An example that we recently ran into is from the Press-Enterprise blog. An embedded map shows election results, and from the pop-up you can easily see … Continue reading
Web maps can communicate a wealth of information through their cartographic design. They can deliver even more when combined with well-designed pop-ups that appear when users touch the map. Poorly designed pop-ups, however, can quickly confuse and frustrate your audience. … Continue reading
We’ve covered how you can configure pop-ups with map service layers in previous posts. In this post we’ll continue our pop-up thread by covering pop-ups for features that you can add directly to your map. Features are found in feature layers, and editable features come in two flavors. One kind is an editable layer that you connect to as a service, published via ArcGIS Server. The other kind are features that you can edit and save directly in your map. The latter is what we’ll focus on here.
We’ll start by opening a new map by clicking Make a Map at the ArcGIS.com website. This opens the ArcGIS.com map viewer with the default map. Click Add and you’ll notice a dropdown with two choices; one lets you add layers to your map, the other lets you create a new editable layer – that’s the one we’ll choose:
We’ll be prompted to pick a template and a name for it (this is what appears in our map contents). We’ll accept the defaults in the next dialog and click Create:
After clicking Create, you’ll see a feature template gallery containing points, lines, and areas that you can add to your map. You’ll also notice an Edit button has now appeared:
Below we’ve zoomed to the Esri campus, and chosen a pushpin from the template and added it to our map right in the middle of Building Q, our corporate headquarters. We’ve also changed the symbol to a blue pushpin and increased its size. We’ve also made some changes so more information about the Redlands Campus headquarters will be displayed when the pushpin is clicked; we’ve changed the title and added a brief description:
If we click the Edit buttom again we’ll leave edit mode and return to our map. Click the pushpin to see the changes we’ve made in the steps above:
We can improve the pop-up by adding a photo and a link to visit when the photo is clicked. Click Edit on the feature pop-up to return to edit mode.
Here is a URL from the Esri website that displays a photo of Building Q.
We’ve pasted the URL above into the pop-up Image URL property below, and also added a Related Link to visit when the photo is clicked.
Now we have a very nice pop-up, and have learned an easy way to add photos to our map.
Once the map is saved, you can use the map in a custom app or embedded in a website and the pop-up works exactly the same way. Here’s an example of the Esri campus map emdedded in a blog post:
Before reading this post you may want to check out the previous posts we’ve done on configuring pop-ups:
Here in our next post on this topic we’ll show you how to add charts to pop-ups.
ArcGIS.com Map Viewer
We’ll start by using the ArcGIS.com map viewer and adding the USA Diversity Index layer to our map. Once added, click the map details button (or Done Adding Layers) and click the layer name to view its sublayers, and then click the arrow on a sublayer to configure its pop-up. Here we’ve chosen the counties sublayer:
At the bottom of the Pop-up Properties you’ll see a section for Pop-up Media:
Click Add and choose Pie Chart:
We’ll leave the default title for now, and check the fields that contain the values we want to include in our chart, as shown below:
Click OK, then remember to save your configuration.
Now when any county is clicked a pop-up with the pie chart is displayed:
Using the configuration options we can change the display of other attributes, change the chart title, add other charts (like bar or column charts), and more.
ArcGIS Explorer Online
Configuring chart pop-ups works in a very similar way using ArcGIS Explorer Online. First we’ll add the same USA Diversity Index layer to our map as we did above, and view its details and click Configure Pop-ups:
Click Add then Configure to show the pop-up properties for the counties sublayer:
Click the Media tab:
And then click Add and choose Pie Charts:
Now we can choose the fields that we want to use for the chart, just like we did in the map viewer section above:
Here’s our completed pop-up in Explorer Online:
We can continue to refine the pop-up using any of the other options. Note that in the lower right corner you can hover to view a legend:
And click to view an enlargement:
And the enlarged chart includes a scrollable legend:
It’s All In The Webmap
Once we’ve saved our map, the pop-up configurations are also saved and can be used in many different ways – in custom applications or embedded in websites. Here’s an example of a map configured with pie charts embedded in a blog post:
For more information:
Configuring pop-up windows (ArcGIS.com help topic)
Add media to a pop-up window (Explorer Online help topic)