Mapping Class: Efficient Map-making using Templates and Stylesheets, with Steve Spindler

BlogAugust 19, 2021

Welcome back to another edition of Mapping Class! The Mapping Class tutorial series curates demonstrations and workflows created by professional cartographers and expert Avenza software users. Today we have Steve Spindler, a longtime MAPublisher user, and expert cartographer. Steve has put together a 15-minute masterclass on creating maps from start to finish using templates and stylesheets. This video is jam-packed with useful tips and tricks that show how Steve uses templates, stylesheets, and a host of MAPublisher tools to design a beautiful map in minutes.

Steve has produced a video to show the complete, un-cut, map-making process. The Avenza team has produced video notes (below) to help you follow along.

***

Efficient Map-making using Templates and Stylesheets
by Steve Spindler (video notes by the Avenza team)

Readers of the Avenza resources blog will recognize Steve Spindler as a recent feature of our Cartographer Chronicles spotlight article. Steve has also been a frequent contributor to the Mapping Class blog series, where he has shared his tips for using MAPublisher to make eye-catching maps. Some of his recent contributions cover his techniques for using attribute expressions to edit street labels and working with OSM data in MAPublisher.

Today, Steve is doing something a little different. Instead of focusing on a specific tool or technique, he has put together a complete 15-minute masterclass showing how he creates a map from start to finish. In this uncut demonstration, Steve discusses his tips for importing data, using MAP views, applying stylesheets, and even labelling. Steve shows how using templates and preconfigured MAP themes can make map creation a breeze.

Using a Template

In this demonstration, Steve will be creating a congressional district map showing the municipalities of Pennsylvania District 17. Steve discusses how using a template to create your map can significantly improve the speed of map creation. Templates can be used to configure standardized design elements that can be recycled across several different map projects. Templates are especially useful in situations where different maps form part of a series with shared design components and colour schemes.

For this tutorial, Steve uses a template that includes some basic stylistic elements he typically includes in all his congressional district maps. The template comes preloaded with custom borders, Titles, subtitles, an inset map, and a scale bar. His template is already configured with custom fonts and colours that will give some uniformity across his different map projects.

Steve has also set up swatch groups for his template. This ensures each map created with the template uses the same colour groups. Setting up swatches in the template also makes it easy to swap out or change the colour of different map elements. As an example, Steve uses the drag and drop functionality of the swatch panel to automatically adjust the “core colours” of his map template (text, border, and scale bar colours) from brown to green.

Steve’s template comes preloaded with an inset map containing all the congressional district boundaries for Pennsylvania. Using the drag-and-drop functionality of MAP Views, he can place a “District 17” data layer into a new MAP View that will contain the main body of his map project. Using the MAP View editor, Steve can assign a custom scale and choose an appropriate projection. This will ensure any new data layers he brings into the MAP view will be correctly aligned and accurately projected.

Import and Prepare the Map Data

With his template configured, Steve now brings in some new data. He wants to access municipal boundary polygon data found on a PostGIS database stored locally. You can specify the specific data table within the database he wishes to add using the Import tool. More importantly, shows how he uses spatial filtering options to specify the region of interest. The spatial filter means that only the data relevant to the map extent is loaded in (very useful when using large datasets).

Using the Crop to Shape tool, Steve cleans up the imported data layer by removing any polygons that fall outside his district boundaries. Next, he uses the Simplify tool to remove extraneous vertices, with that his data is ready for stylization!

Apply Styles with MAP Themes

MAP themes are one of the most powerful tools in the MAPublisher toolset. MAP Themes allow you to configure rules-based stylesheets that work with attribute information stored in map data layers. Using pre-coded attribute values in his municipal boundary layer, Steve can assign colour fills to each municipality. Using colour in this way is a bit more eye-catching than using generic boundary lines, and makes it easy to see the shapes of each municipality.

MAP Themes can not only set the stroke and fill for each polygon, but also apply graphic style effects such as “inner glow” to give each shape a more defined appearance. Since MAP Themes are entirely rules-based, it’s easy to modify and apply styles across the entire map without needing to adjust appearance settings for each vector layer individually.

Labels and Details

With his MAP Themes applied, Steve needs to finalize the scale bar that appears in the bottom right corner of the map. Since the template he uses comes pre-configured with a MAPublisher cale bar, it’s only a matter of dragging and dropping the scale bar layer into the appropriate MAP View. If you recall from earlier, Steve set up this new map-view with its own map scale and projection, meaning the scale bar will automatically be adjusted to fit the map data once it is placed in the new MAP view, creating an accurate and informative scale for viewers.

Lastly, Steve uses the MAPublisher LabelPro add-on to apply labels to each of the municipalities in his map. Similar to MAP Themes, the LabelPro tool allows Steve to configure rules-based label layers that manage label placement and style. The labelling engine ensures that labels are placed to avoid collisions, eliminate label overlap, and reduce label clutter. Finishing the map with a few minor touch-ups and voila!, Steve has finished his Pennsylvania District 17 Map in less than 15 minutes!

***

About the Author

Steve Spindler has been designing compelling cartographic pieces for over 20 years. His company, Steve Spindler Cartography, has developed map products for governments, city planning organizations, and non-profits from across the country. He also manages wikimapping.com, a public engagement tool that allows city planners to connect and receive input from their community using maps. To learn more about Steve Spindler’s spectacular cartography work, visit his personal website. To view Steve’s other mapping demonstrations, visit cartographyclass.com

Cartographer Chronicles: Steve Spindler

Resources

Steve Spindler has cultivated a passion for cartography that has continued for more than 25 years. He operates Steve Spindler Cartography, which develops custom-designed cartographic pieces that can be seen in map products utilized by governments, city planning organizations, and nonprofits from across the country. He also manages wikimapping.com, a public engagement tool that allows city planners to connect and receive input from their community using digital maps. A passionate cartographer at heart, Steve considers map-making both a hobby and career. He strives to share his ideas, techniques, and truly captivating cartographic style with others, either through his previous teaching at Temple University or through his tutorials hosted on his personal website cartographyclass.com

Steve first began designing maps in the early 1990’s while at Temple University for graduate school. Pursuing a Master’s degree in Urban Studies, Steve found that the cartography lab at Temple was his favourite place to be. Before the widespread accessibility of digital maps, Steve recalls spending time at the Philadelphia Library, exploring map catalogues and manually tracing topographic maps before faxing them to his own computer. Later into his graduate studies, Steve joined a mailing list for digital cartography enthusiasts, and this is where he first learned about Avenza and MAPublisher for Adobe Illustrator. He quickly adopted the software into his map-making process, leveraging its suite of cartography tools to easily create maps within a design-focused environment. He continues to use MAPublisher for much of his work, and some examples, such as the Northeastern Pennsylvania trail system map shown below, are even available digitally on the Avenza Map Store for use in the Avenza Maps app.

After graduating, Steve combined his passion for cycling with his love of map-making. He started designing maps that promoted bicycle transportation. His list of clients grew, and so too did his reputation in the cartography community. Soon his maps were published and shared over a wide range of platforms across the country.

“It was nice to see my maps posted in public places – in office cubicles, in a Congressional office, being waved around by a US Secretary of Transportation, in a Mac OS X keynote, in the subway, on TV shows, in newspapers – I was using MAPublisher to help create them all.”

After several years of high-paced freelance cartography work, Steve chose to revise his business approach to allow him to be more selective in how he engaged with potential projects. “I created an archetype that I wanted to serve, and put energy into solutions that would help this archetype”. Steve mentioned how he prefers to let a client place a value on what they want, first spending time with the client to conceptualize a problem and then delivering a proposed solution, only sending an invoice once it is appropriate. In his words, this requires a knowledgeable client that really understands what they need.

Some years later, he returned to Temple University, this time as an instructor. He taught cartography to students within Temple’s Professional Masters of GIS program and stressed the importance of creating a balance between teaching concepts and teaching software.

“Cartography is really about communicating with an audience, it’s not just about specific software. I think that teaching cartography using a single program (Illustrator with MAPublisher) would allow me to focus more on design concepts and communication. MAPublisher can still access large data sets, and the data is ultimately contained within the Illustrator file.”

His passion for teaching has continued beyond the classroom as well. In the last year, he has taken up a mentorship role for an up-and-coming cartographer. He provides direction and feedback on real-world map projects in what he describes as “learning with purpose”.

Steve also believes it is important to take learning into one’s own hands. To help him evaluate and improve his mapping processes, he often records his work sessions, carefully documenting and annotating many hours of recorded work such that he can revisit and recall specific mapping steps later on. Many of these sessions are edited down into videos that Steve posts on cartographyclass.com, a personal website for sharing his thoughts, ideas, and techniques on creating maps. He regularly shares maps that he creates for fun in his spare time, drawing inspiration from nature, photography, and artwork to create elegant visually engaging map pieces that exemplify the balance of art and science that is cartography. His recent work has explored the use of graphic styles and MAP Themes to create artistic map pieces that mimic the effect of watercolour paintings. Other posts show his use of the elevation profile tool to create unique maps of recent cycling trips.

In addition to the many MAPublisher focused tutorials hosted on his personal website, Steve is also an active contributor to the Mapping Class tutorial video series hosted on the Avenza Resource Blog. His contributions demonstrate unique and innovative workflows that leverage a wide range of MAPublisher tools.

These days Steve continues to take on map-related projects. His approach has allowed him to develop a career that leverages a personal passion and directs it into a successful business. He continues to learn and explore new techniques in cartography in his free time, sharing his thoughts and processes with readers of his blog. After more than 25 years of freelance cartography work, Steve feels his perspective on mapping and business has changed, “Cartography and business are not the same things for me. I want to make maps and don’t need a contract to do this. It’s just a matter of practicing daily. When the right client comes along, I can help out. I like to be helpful.”

Mapping Class: Importing OpenStreetMap data using Overpass Turbo with Steve Spindler

Resources

We are back with another exciting addition to our Mapping Class tutorial series. The Mapping Class tutorial series curates demonstrations and workflows created by cartographers and Avenza software users. For this article, we are welcoming back Steve Spindler, a longtime MAPublisher user, and expert cartographer. He has shared with us an excellent tutorial on creating a map from scratch using openly available geographic data from OpenStreetMap, and accessed through Overpass turbo. Steve shows how you can create query statements to filter and export the data, and demonstrates how you can import the data into MAPublisher before using a selection of cartographic styling tools to create a visually appealing map.

Steve has produced a short video walkthrough detailing his map-making process. The Avenza team has produced video notes (below) to help you follow along.

***

Importing OpenStreetMap data using Overpass Turbo
by Steve Spindler (video notes by the Avenza team)

Finding and accessing good quality data is often the first challenge for any cartography project. OpenStreetMap (OSM) can be an excellent source of open vector data describing land cover features (roads, parks, rivers, buildings, trails, infrastructure, boundaries). Once collected, cartographers can use OSM data to create highly detailed maps using the MAPublisher plug-in for Adobe Illustrator. Steve will demonstrate his process of collecting raw data from OSM and using it to craft a beautiful map of the Niagara Falls Area. The following video notes summarize Steve’s approach.

First, you will need to extract some data from the OSM database. Since OSM is a massive repository of geographic data, you’ll need a way to filter through and extract only the data needed for your specific map project. Overpass turbo is a web-based data mining tool that can make querying and exporting OpenStreetMap datasets easy. The tool allows users to apply query statements that filter the OSM database based on attribute and location information. Using the Overpass turbo “Wizard”, a user can enter simple queries (i.e. “water”) and automatically filter and select all features that match the query statement, making it easy to export specific data for your map.

Steve uses a simple query to obtain all map features that are considered “water”. This includes both natural and man-made features

The tool allows the user to export the filtered datasets into geoJSON format, an open standard format for storing and representing geographic data and attributes.

The geoJSON datasets collected from Overpass turbo can then be imported directly into MAPublisher for styling into a finished map. Use the Import tool to load the data onto an Adobe Illustrator artboard. From here, you can open the MAP View editor to adjust the scale and projection information for each map data layer. For this map, reproject the data into State Plane NAD 83 to preserve an accurate spatial scale. Set the scale option to 25,000 and customize the position of the map data on the artboard.

If needed, use the Vector Crop tool to trim the map data down to a specific area of interest, and simplify the layer to create smoother lines by removing excess vertices.

Back in Overpass turbo, you can build more specific query statements to extract individual features from larger data categories. Use the statement: name = “Niagara Falls”, to select polygon features specific to the waterfalls in that area.

Import this new data into MAPublisher, and drag and drop it into the same MAP View as the water layer. The data will be automatically scaled and projected to align with the water layer. Apply a graphic style fill for the water bodies and waterfall area.

Next, we can go back to Overpass Turbo and extract road and highway data. You can build out more complex query statements using basic database operators (i.e. and/or). For longer, complex query statements it helps to create saved queries that you can re-use. This map uses a saved query statement called “selected roads with residential” to extract line features covering most road types:

(highway=primary or highway=secondary or highway=cycleway or highway=path or
 highway=motorway or highway=trunk or highway=tertiary or
 highway=neighborhood or highway=footway or highway=service)

Import the roads data into the same MAP View as the other datasets. If you look at the MAP attributes you can see the road data is split into several different types. Steve use’s MAP Themes to create rules-based stylesheets to visualize the different road lines based on their road-type attributes. Steve designed a rule-set that made minor roads more subtle in appearance, while major roads and highways became more prominent. He also used colour to distinguish between pedestrian and vehicle network links.

Repeat this process with a building footprint layer and crop all layers in the final map to the artboard extent. The finished product is shown below (top). Some final touch-ups in photo editing software can be used to create a more stylized appearance (bottom).

Exported map from Illustrator

Stylized version modified with Photo editing software

***

About the Author

Mapping Class: Creating Orthographic Locator Maps with Steve Spindler

Resources

We are proud to announce the start of a new video-focused blog series called Mapping Class. This blog series will curate tutorials and workflows created by cartographers and Avenza software users from around the world. We begin with a mapping workflow from Steve Spindler, a longtime MAPublisher user, and expert cartographer. He has shared with us his own take on creating Orthographic locator maps by applying some neat design tricks and utilizing MAPublisher’s powerful projection tools to create a simple, yet effective map.

Steve has produced a short video walkthrough demonstrating his process and has summarized the technique in the written article below.

***

Creating Orthographic Locator Maps
by Steve Spindler

An orthographic map is like a view from space. It’s useful for directing attention to someplace on the planet.
This video shows how an orthographic locator map is made in Illustrator using MAPublisher. The template illustrator file I use in the video is here.

We’ll start off by locating Paris on the map using Find Places. We need the latitude and longitude to create two projections.
Next, get the Latitude and Longitude from Map Attributes. You’ll have to turn MapX and MapY fields on. MapX is longitude. MapY is Latitude.

In Map Views, click on the projection, (ne_110m_land), and then select “Perform Coordinate System Projection”.
Select Projected Coordinate Systems and search for Azimuthal Equal Area. Duplicate, rename and set the definitions for the central meridian and the latitude of origin. There might be more than one. Pick one.

Select Projected Coordinate Systems and search for Orthographic. Duplicate, rename and set the definitions for the central meridian and the latitude of origin. There might be more than one. Pick one.

Select the new azimuthal projection, the one you created, and click OK to use it.
We use the azimuthal projection to crop data before creating the orthographic projection. Otherwise, there will be overlapping imagery. Next, create a buffer for the Paris point that is 10002.5 km around the point. This will be located on a new layer.

Use the path utilities tool to convert the bezier circle into polylines. Then reproject the map to the orthographic projection. Once completed, crop again with your circular buffer layer and delete the water layer. It will be replaced with a gradient.

Finally, add a radial gradient to the circular buffer layer and move the circle below the other layers.
Now you have an orthographic locator map that you can continue to style and label for your purposes.

***

About the Author

Steve Spindler has been designing compelling cartographic pieces for over 20 years. His company, Steve Spindler Cartography, has developed map products for governments, city planning organizations, and non-profits from across the country. He also manages wikimapping.com, a public engagement tool that allows city-planners to connect and receive input from their community using maps. To learn more about Steve Spindler’s spectacular cartography work, visit his personal website. To see the original tutorial article, or view Steve’s other mapping demonstrations, visit cartographyclass.com

Avenza maps makes it easy to interact with offline
maps on your iOS, Android and Windows devices.

Get the app. Get the map.

Archives

Mapping Class: Efficient Map-making using Templates and Stylesheets, with Steve Spindler

Cartographer Chronicles: Steve Spindler

Mapping Class: Importing OpenStreetMap data using Overpass Turbo with Steve Spindler

Mapping Class: Creating Orthographic Locator Maps with Steve Spindler

News Archive

Avenza maps makes it easy to interact with offlinemaps on your iOS, Android and Windows devices.

Get the app. Get the map.

News Archive

Avenza maps makes it easy to interact with offline
maps on your iOS, Android and Windows devices.