10 tips for creating different map styles in Tableau

My latest instalment 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 visualisation is removing the map layers. Select Map on the toolbar and "map layer". Then untick everything in the map layers window. This will leave only the outline of the map data.

9. Change map border colours

When using a map, you can change the border colours under Colour. Select Colour and choose the border colour you want.

8. Create US map outline

Combining Tip #10 and #9 and removing the fill colour, we can create a map outline. First remove the map layer (tip #10) and then set the map fill colour to match the background colour. Then colour the borders in the desired colour (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 colour to change the water on the map to any colour. Once the base layer is unchecked, simply right-click on the map and select "Format", then select "Shading" and change the "Pane" to the desired colour.

6. Countries of the world outline

Similar to tip #8, we can create an outline of the countries. In this example, I also combined tip #7 to change the pane colour 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 colour and transparency.

4. Data layer as map background

Tableau has built-in data layers for the United States. By adding custom colours in the preference file, we can use these as background colours. I have created a "black to black" colour in the preference file. This allows me to use population at the level of state, using "black to black" as the colour scheme to colour 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 colour and border colours to black. On the second Longitude pill, change the colour to the desired colour and transparency. Remove the map layers (tip #10) and then change the Pane background colour (tip #7).

2. High contrast maps

Tableau has three base map options; normal, light and dark. These maps are well done, but oftentimes 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 change the background colour of the pane, as we did in tip #7. The difference in this case is that we keep the streets and highways ticked 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 colour.

For a dark map with very light streets, choose the "light" or "normal" map style and set the pane colour 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.    &ltmapsource inline="true" version="10.0"&gt

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. Untick Base and set the other map layer options as desired.

<br /> <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"> <map-layer-style name="tab_base" request-string="mode=named|from=tableau6_2_base/mode=named|from=tableau4_2_water"></map-layer-style> <map-layer-style name="um_lcover" request-string="mode=named|from=tableau4_2_landcover/mode=named|from=tableau4_2_water"></map-layer-style> <map-layer-style name="tab_coastline" request-string="mode=named|from=tableau5_2_coastline"></map-layer-style> <map-layer-style name="pp2_line" request-string="mode=named|opacity=.7|from=tableau5_2_roads"></map-layer-style> <map-layer-style name="light_adm0_bnd" request-string="mode=named|opacity=.7|from=tableau5_2_admin0_borders{L}"></map-layer-style> <map-layer-style name="light_adm0_lbl" request-string="mode=named|opacity=.7|from=tableau5_2_admin0_labels{L}"></map-layer-style> <map-layer-style name="um_adm0_bnd" request-string="mode=named|from=tableau5_2_admin0_borders{L}"></map-layer-style> <map-layer-style name="um_adm0_lbl" request-string="mode=named|from=tableau5_2_admin0_labels{L}"></map-layer-style> <map-layer-style name="light_pp2_statebounds" request-string="mode=named|opacity=.7|from=tableau5_2_admin1_borders{L}"></map-layer-style> <map-layer-style name="light_pp2_statelabels" request-string="mode=named|opacity=.7|from=tableau5_2_admin1_labels{L}"></map-layer-style> <map-layer-style name="pp2_statebounds" request-string="mode=named|from=tableau5_2_admin1_borders{L}"></map-layer-style> <map-layer-style name="pp2_statelabels" request-string="mode=named|from=tableau5_2_admin1_labels{L}"></map-layer-style> <map-layer-style name="countybounds" request-string="from=us_census00.county_geom{L}|border=174b7250_1|colors=clear|min_zoom=6|mode=simple"></map-layer-style> <map-layer-style name="countylabels" request-string="mode=named|from=tableau5_2_county_labels{L}"></map-layer-style> <map-layer-style name="zipbounds" request-string="mode=named|from=tableau5_2_post_code"></map-layer-style> <map-layer-style name="ziplabels" request-string="mode=named|from=tableau5_2_post_code_labels"></map-layer-style> <map-layer-style name="tab_areabounds" request-string="from=us_areacode.ac_geom|border=174b7250_1|colors=clear|min_zoom=4|mode=simple"></map-layer-style> <map-layer-style name="tab_arealabels" request-string="mode=named|from=tableau5_2_area_code_labels"></map-layer-style> <map-layer-style name="tab_msabounds" request-string="from=us_census00.1cbsa_geom|border=174b7250_1|colors=clear|min_zoom=4|mode=simple"></map-layer-style> <map-layer-style name="tab_msalabels" request-string="mode=named|from=tableau5_2_cbsa_labels"></map-layer-style> <map-layer-style name="pp2_adminlabels" request-string="mode=named|from=tableau5_2_place_labels{L}"></map-layer-style> <map-layer-style name="background_color" request-string="#000000"></map-layer-style></map-style> <p>This map sets a dark background using <b>&ltmap-layer-style name="background_color" request-string="#000000"/&gt</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 unticked, the resulting map will look similar to the map below.</p> <p><img src="http://www.dataplusscience.com%5Cfiles%5CDarkContrastTMS.png" width="90%"></p> <p>I hope you find these tips helpful. If you have any questions feel free to email me at <a href="mailto:jeff@dataplusscience.com?Subject=Tableau%20Tips%20Volume%203" target="_top"><span class="Name">Jeff@DataPlusScience.com</span></a></p> <p>