10 Tips for Creating Different Map Styles in Tableau

My latest installment of Tableau tips is all about maps. Here are 10 tips for creating different map styles in Tableau.

10. Remove map layer

An easy way to create a clean map for your visualization is removing the map layers. Select Map on the toolbar and "map layer." Then uncheck everything in the map layers window. This will leave only the outline of the map data.

9. Change map border colors

When using a map, you can change the border colors under Color. Select Color and choose the border color you want.

8. Create US map outline

Combining Tip #10 and #9 and removing the fill color, we can create a map outline. First remove the map layer (tip #10) and then set the map fill color to match the background color. Then color the borders to the desired color (tip #9). We now have just an outline of the map.

7. Create a minimalistic map

I first posted about this here. By removing the base layer (similar to tip #10), we can change the Pane color to change the water color on the map to any color. Once the base layer is unchecked, simply right-click on the map and select "Format", then select "Shading" and change the "Pane" color to the desired color.

6. Countries of the world outline

Similar to tip #8, we can create and outline of the countries. In this example, I also combined tip #7 to change the pane color to match. This creates a red outline of the countries on a completely black background.

5. Add map gridlines

Right-click on the map and select "Format. Then select gridlines for the Rows and Columns and change to the desired color and transparency.

4. Data layer as map background

Tableau has built-in data layers for the United States. By adding custom colors in the preference file, we can use these as background colors. I have created a "black to black" color in the preference file. This allows me to use population at the level of state, using "black to black" as the color scheme to color everything black, then applying tips #10 and #7 to create a minimalistic map with dots.

3. Dual-axis map alternative

First we build our map with sales by city. Then duplicate the Longitude on the columns. On the first Longitude pill, remove everything except state. Then change fill color and border colors to black. On the second Longitude pill, change the color to the desired color and transparency. Remove the map layers (tip #10) and then change the Pane background color (tip #7).

2. High contrast maps

Tableau has three base map options; normal, light and dark. These maps are well done, but often times don't have enough contrast. This is especially the case when projecting on screens using various projectors. One option is to use Mapbox maps and there is a high contrast option that is one of the defaults in Mapbox. You can also create your own custom maps in Mapbox. However, there are a few alternatives for doing this in Tableau without the need for Mapbox. I posted one alternative method here, but this only works where there is a data layer available. Here is another alternative that can be used for any map and can be used to create high contrast for both light and dark maps. The key is to remove the base layer and changing the background color of the Pane, as we did in tip #7. The difference in this case is that we keep the Streets and Highways checked under the map layers (and Land Cover, if desired). For a light map with dark streets, choose the "dark" map style and set the Pane to white or another light background color. For a dark map with very light streets, choose the "light" or "normal" map style and set the Pane color to a dark or black background.

1. Create a new map style in the TMS

You can add a new map style to your TMS to use the style over and over and make it even easier to use. IMPORTANT: Change the inline="true" in the opening lines of your TMS file if you want your new custom map style to save in your Tableau file or on Tableau Public.    <mapsource inline="true" version="10.0"> Below is a sample map style for you to copy and paste into your TMS file. Then open Tableau, create a map and this new map style "Dark Contrast" should appear in your list. Uncheck Base and set the other map layers options as desired. <map-style display-name="Dark Contrast" display-name-de="Hell" display-name-es="Claro" display-name-fr="Clair" display-name-ja="薄い" display-name-ko="밝게" display-name-pt="Claro" display-name-zh="浅" name="tableau-z-black2" wait-tile-color="#F2F2F2"><br /> <map-layer-style name="tab_base" request-string="mode=named|from=tableau6_2_base/mode=named|from=tableau4_2_water"/><br /> <map-layer-style name="um_lcover" request-string="mode=named|from=tableau4_2_landcover/mode=named|from=tableau4_2_water"/><br /> <map-layer-style name="tab_coastline" request-string="mode=named|from=tableau5_2_coastline"/><br /> <map-layer-style name="pp2_line" request-string="mode=named|opacity=.7|from=tableau5_2_roads"/><br /> <map-layer-style name="light_adm0_bnd" request-string="mode=named|opacity=.7|from=tableau5_2_admin0_borders{L}"/><br /> <map-layer-style name="light_adm0_lbl" request-string="mode=named|opacity=.7|from=tableau5_2_admin0_labels{L}"/><br /> <map-layer-style name="um_adm0_bnd" request-string="mode=named|from=tableau5_2_admin0_borders{L}"/><br /> <map-layer-style name="um_adm0_lbl" request-string="mode=named|from=tableau5_2_admin0_labels{L}"/><br /> <map-layer-style name="light_pp2_statebounds" request-string="mode=named|opacity=.7|from=tableau5_2_admin1_borders{L}"/><br /> <map-layer-style name="light_pp2_statelabels" request-string="mode=named|opacity=.7|from=tableau5_2_admin1_labels{L}"/><br /> <map-layer-style name="pp2_statebounds" request-string="mode=named|from=tableau5_2_admin1_borders{L}"/><br /> <map-layer-style name="pp2_statelabels" request-string="mode=named|from=tableau5_2_admin1_labels{L}"/><br /> <map-layer-style name="countybounds" request-string="from=us_census00.county_geom{L}|border=174b7250_1|colors=clear|min_zoom=6|mode=simple"/><br /> <map-layer-style name="countylabels" request-string="mode=named|from=tableau5_2_county_labels{L}"/><br /> <map-layer-style name="zipbounds" request-string="mode=named|from=tableau5_2_post_code"/><br /> <map-layer-style name="ziplabels" request-string="mode=named|from=tableau5_2_post_code_labels"/><br /> <map-layer-style name="tab_areabounds" request-string="from=us_areacode.ac_geom|border=174b7250_1|colors=clear|min_zoom=4|mode=simple"/><br /> <map-layer-style name="tab_arealabels" request-string="mode=named|from=tableau5_2_area_code_labels"/><br /> <map-layer-style name="tab_msabounds" request-string="from=us_census00.1cbsa_geom|border=174b7250_1|colors=clear|min_zoom=4|mode=simple"/><br /> <map-layer-style name="tab_msalabels" request-string="mode=named|from=tableau5_2_cbsa_labels"/><br /> <map-layer-style name="pp2_adminlabels" request-string="mode=named|from=tableau5_2_place_labels{L}"/><br /> <map-layer-style name="background_color" request-string="#000000"/><br /> </map-style></p> <p>This map sets a dark background using <b><map-layer-style name="background_color" request-string="#000000"/></b> and combines that with the other elements of the "normal" map using <b>"from=tableau4_2_water"</b> and <b>"from=tableau4_2_landcover"</b>. When the "base" map layer is unchecked, the resulting map will look similar to the map below.</p> <p><img data-cke-saved-src="<a href="http://www.dataplusscience.com">http://www.dataplusscience.com</a>\files\DarkContrastTMS.png" src="<a href="http://www.dataplusscience.com">http://www.dataplusscience.com</a>\files\DarkContrastTMS.png" width=90%></p> <p>I hope you find these tips helpful. If you have any questions feel free to email me at <a data-cke-saved-href="<a href="mailto:jeff@dataplusscience.com?Subject=Tableau%20Tips%20Volume%203">mailto:jeff@dataplusscience.com?Subject=Tableau%20Tips%20Volume%203</a>" href="<a href="mailto:jeff@dataplusscience.com?Subject=Tableau%20Tips%20Volume%203">mailto:jeff@dataplusscience.com?Subject=Tableau%20Tips%20Volume%203</a>" target="_top"><span class="Name"><a href="mailto:Jeff@DataPlusScience.com">Jeff@DataPlusScience.com</a></span></a></p> <p>