ICON

Help - Map styling options

Help Center How To Use Our Products? Map styling options

Map styling options

9 MIN INTERMEDIATE MAP STYLING, CATEGORIZED STYLING, BUBBLE MAP, HEATMAP STYLING, ADD LABELS


Styling multiple features


Spotzi allows you to style all features (points, lines and polygons) of your map at once. In three clicks you can add any kind of styling you like. You can choose the following styles: Simple styling, Range styling, Category styling, Custom styling and Bubble styling.

Quick tip: Check if your data contains the right data types.
Do you want to add a range or custom styling to your map? This requires the field for which you want to apply your style to be of type “number”. Do you want to know how to check or change the data type of the fields in your data table? Check the page about changing data types in our Help Center.

Simple styling

1. With the simple styling you can easily change the styling of all features in your data layer at once. To do so, select the data layer you want to style and press the EDIT STYLING button.

Simple Map Styling

2. In the menu you can see the different styling options. Select the SIMPLE tab and choose between the following styling options:

  • Fill: Color, Opacity (0-1)
  • Line: Width, Color, Opacity (0-1)

After you have adapted your choices press APPLY.

Simple Map Styling

3. Great! You have added a simple styling to your map.

Simple Map Styling

Add a custom polygon fill pattern/image.
Did you know that you can also change a polygon fill to a pattern/image? Please read our article about adding custom map fill patterns.

Range styling (Choropleth)

1. With the range styling you can change the style of your map based on a range of numbers. To do so, select the data layer you want to style and press the EDIT STYLING button.

Range Map Styling

Quick tip: Use Custom Styling to create ranges yourself.
Please note that this styling option chooses the ranges for you. If you want to choose these ranges yourself, please check out the custom styling option.

2. In the menu you can see the different styling options. Select the RANGE tab and choose the column of type number on which you want to base your ranges. After selecting the column you can choose between the following options:

  • Buckets: 3, 5 or 7 buckets. This is the number of range categories you want to show on the map. Spotzi will automatically create the number of ranges you selected.
  • Color Ramp: Switch Order, Colors, Opacity (0-1)
  • Quantification: Jenks, Equal Interval, Heads/Tails and Quantile.
  • Line: Width, Color, Opacity (0-1)

Make your choices and press APPLY.

Range Map Styling

3. Great! You have added a range styling to your map.

Range Map Styling

Category styling (value-based)

1. A category styling allows you to change the styling of your map based on a certain value. This styling option is often used for categorizing shops/business or catchment areas on a map. To do so, select the data layer you want to style and press the EDIT STYLING button.

Category Map Styling

2. In the menu you can see the different styling options. Select the CATEGORY tab and choose the column that you want to base your styling on. After selecting the column Spotzi will automatically create a category for each unique value in this column. Now you can choose between the following options:

For all features:

  • Fill: Color, Opacity (0-1)
  • Line: Width, Color, Opacity (0-1)

Individually for each category:

  • Fill: Color

After having made your selections press APPLY.

Category Map Styling

3. Great! You have added a categorized styling to your map.

Category Map Styling

Quick tip: Style your map features separately
Please note that you can also style your map features separately by simply clicking that particular map feature and editing its styling. Read our user guide about styling map features separately.

Custom Styling

1. The custom styling option allows you to change the styling based on a custom number range. To do so, select the data layer in question and press the EDIT STYLING button.

Custom Map Styling

2. In the menu you can see the different styling options. Select the CUSTOM tab and choose the column on which you want to base your custom ranges. Press ADD ANOTHER to add a range. After selecting the ranges you can choose between the following options:

For all features:

  • Fill: Color, Opacity (0-1)
  • Line: Width, Color, Opacity (0-1)

For each category individually:

  • Fill: Color
  • Range: Min. Value, Max. Value.
Custom Map Styling

3. Press APPLY to confirm.

Custom Map Styling

4. Great! You have added a custom styling to your map.

Custom Map Styling

Bubble Styling

The bubble styling option allows you to create points where the size of these points are based on a number range. With this option you can create insightful maps where high and low values are easy to find on the map. In this example we will create a bubble map of our ZIP code point map with total population numbers.

Bubble Map Styling

1. To create the bubble map, select the EDIT STYLING option and scroll to the BUBBLE styling.

Bubble Map Styling

2. In the menu you can see the different styling options. Select the RANGE tab and choose the column of type number on which you want to base your ranges. After selecting the column (in this example the total population) you can choose between the following options:

  • Quantification: Jenks, Equal Interval, Heads/Tails and Quantile
  • Radius range of point
  • Bubble: Color, Opacity (0-1)
  • Bubble line: Width, Color, Opacity (0-1)
  • Composite operation: None, multiply, screen, overlay, darken, lighten, color dodge, color burn, xor

Make your choices and press APPLY.

Bubble Map Styling

3. You have successfully created your bubble map!

create map

Did you know…

that the bubble styling option also works with lines and polygons? When you want to create a bubble map of lines and polygons this is definitely possible. Please make sure that your line and polygon data contains a numeric field when doing this.


It is also possible to edit the styling of map features separately when you are editing your map visualization. In this part of this user guide we will show you how to style your map features straight from the map view.

Styling a point

In this example we will use a map that contains a point, line and polygon layer. We will start off with styling a point straight from the map. Click the point and click the EDIT STYLING button.

Edit Styling of a Point

Now the styling console of your feature will appear on the left side. Here you can adjust the following styling:

  • Marker Fill: Size, Color and Opacity (0-1)
  • Marker Outline: Size, Color, Opacity (0-1)

Choose a styling and press the APPLY button to apply your styling.

Edit Styling of a Point

Great! You have successfully styled your point.

Edit Styling of a Point

Add a custom map marker.
Do you want to create a point map with brand icons or one of your own custom icons? Please read our article about adding custom map markers.

Styling a line

To style your line feature click the line and click the EDIT STYLING button.

Edit Styling of a Line

Now the styling console of your line will appear on the left side. Here you can add the following styling:

  • Line: Width, Color, Opacity (0-1)

Choose a styling and press the APPLY button to apply your styling.

create map

Styling a polygon

To style your polygon click the polygon and click the EDIT STYLING button.

Edit Styling of a Polygon

Now the styling console of your polygon will appear on the left side. Here you can add the following styling:

  • Polygon fill: Color, Opacity (0-1)
  • Polygon line: Width, Color, Opacity (0-1)

Choose a styling and press the APPLY button to apply your styling.

Edit Styling of a Polygon

Add a custom polygon fill pattern/image.
Did you know that you can also change a polygon fill to a pattern/image? Please read our article about adding custom map fill patterns.

Great! You have successfully styled your polygon.

Edit Styling of a Polygon

Keep in mind!

If you edited the styling of your features separately and create a categorized styling afterwards, the previous styling will be overwritten. Create a new map from your data if you do not want to affect your current styling.

Adding labels


Labels allow you to add text from your dataset to the map. This is very convenient if you quickly want to see more information about a certain area. Below you can read the step-by-step tutorial on how to add labels.

1. To add labels to points on your map you have to select the data layer in which the points are located. A list will appear with a few options. Press the EDIT LABELS option.

Adding Labels to Points on the Map

2. A drop down menu will appear. First turn the visibility of the layers on by clicking the switch. After that you can select the data column you want to add as a label to your map. In this example I pick the name column.

Adding Labels to Points on the Map

3. For the styling of the text of your lables you have the following options:

  • Font: Font Family, Size (px), Color
  • Halo: Color, Size (px)
Adding Labels to Points on the Map

4. For placing the labels you have the following options:

  • Label placement: For points only the point label placement is possible. This functionality will place a label on top of the point.
  • Label Offset: The label offset defines how many pixels the label is offset from the point it belongs to. Positive values move the label down, negative values move it up. In the example you can see an offset of 0. This value is used when you want to place a label exactly on top of the point.
  • Label overlap: Here you can choose if you want to show or hide overlapping labels on a map.
Adding Labels to Points on the Map

Keep in mind!
When you want to place the label on top of the point (offset = 0), make sure that the label overlap is TRUE. Otherwise your label will not be shown.

Related blog posts

Interested in our solutions? Please contact our sales team.

Whether you are new to data analytics or already an expert. We offer solutions for everyone. You don’t need to be a data expert to work with Spotzi Location. For more tailor made solutions we offer Spotzi Studio. With this plan you cannot only manage the data yourself but also connect to our API and manage users for the dashboards you create. Or work with our Market Ready Dashboards and drive on autopilot.