Embed a collection of strategy cards on a web page
A collection of policy maps is a great way to create a group of interactive web maps that focus on a specific issue. Whether you want to raise awareness on a topic or just want to gather information about a community of interest, these map collections provide a unique way to share facts and information on a variety of platforms such as social media, mail. e-mail and even websites where you can embed the URL of the policy map collection.
Did you know that you can even change the URL of your policy card collection? This provides an additional way to modify the appearance of the collection before it is integrated. In this blog post, we’ll go over some parameters that can be added to your URL and used to limit what content on the map is visible to your viewers and even remove the mark from the layout.
Esri Cards for Public Policy is a site with a growing collection of interactive maps and other content. Here, there is instant access to hundreds of maps ranging from topics on social equity, health, economics, sustainability, public safety, environment, transportation, and more. Perhaps you are interested in what housing is like in a community you are moving into or how environmentally friendly an area is. These maps are filled with important facts and information about communities across the country showing where there is an opportunity to intervene.
Now that we know the collection of policy maps, we can create our own by navigating to Esri Cards for Public Policy. No ArcGIS Online account is required to create your own collection!
For starters, we are able to create a collection zoomed in on a place of interest. As a reference, I created mine on how unemployment has changed in the San Francisco area.
Viewers will be able to switch between the four maps in the established San Francisco location.
Now that we have a collection of policy maps ready, we can integrate it into our organization’s public website to share with our audience. Parameters can then be added to the URL in order to adjust what we want our audience to see.
1. Zoom in on your community of interest
When you define your area of interest in the collection, the location coordinates are automatically added to the URL. During integration, this location can be changed in the loc = parameter by adding it elsewhere in this section.
2. Remove an emblem
We can start by adding # embed = true at the end of the URL to remove the Esri branding from the layout. This is done in order to have a streamlined layout that only focuses on your maps and allows users to easily interact and share the maps.
The resulting card collection eliminates ribbon options as well as the Esri branding.
3. Disable a search bar
By default, Esri Maps for Public Policy contains hundreds of maps that can be viewed by your audience. If you want to limit the collection of cards to show only the ones you want, you can turn off the search bar in the window. By adding the parameter disableSearch = true at the end of our collection url, the policy map search bar in the left panel will be removed. As a result, your audience will not be able to navigate and see map options for other topics on the Policy Maps site.
The resulting card collection no longer has the topics and search bar in this left panel.
4. Hide the default left panel
Another option when integrating these card collections is to hide the left panel. This is done before embedding the URL so that when the collection is embedded the panel is hidden and won’t be visible unless clicked on. The final view of the policy card collection will have a streamlined layout ready for instant sharing!
Esri Maps for Public Policy offers hundreds of maps containing information about the majority of communities across the country. The importance of these maps is that they can be tailored to your own community of interest and help reveal facts about a topic relevant to the location. Integrating and sharing your collection on websites and other platforms makes it easy for viewers to interact with these meaningful cards.