ICON

Help - Advanced map customization

Help Center How To Use Our Products? Advanced map customization

Advanced Map Customization

7 MIN INTERMEDIATE EDIT STYLING, CUSTOM PATTERNS, CUSTOM MAP MARKER


Custom map markers


Customize your maps fully to your own personal preferences by adding some custom map markers. With Spotzi there are two methods to add map markers:Adding map markers for a whole layer and Adding map markers separately.

Adding map markers to a layer

1. To add custom map markers for a whole layer, go to the EDIT STYLING option.

Adding Custom Map Markers to a Map

2. Pick the simple styling option and choose the ICON option from the dropdown with fill options.

Adding Custom Map Markers to a Map

3. Now click the CHOOSE ICON button.

Adding Custom Map Markers to a Map

4. Here you can pick some of our predefined map markers (simple icons, pin icons or maki icons), but it is also possible to add your own custom map marker (e.g. png, jpg, svg) to your map.

Adding Custom Map Markers to a Map

Want to change the color or your icon?
That depends on the file type you are uploading. Our predefined icons and SVG files can be changed into another color. A PNG and JPG file can’t be changed.

5. If you want to add your own custom map marker to your map, click the tab that says YOUR ICONS. Here you can upload an image file (e.g. png, jpg, svg).

Adding Custom Map Markers to a Map

6. Choose a file from your computer.

Adding Custom Map Markers to a Map

7. Select your new map marker and confirm your choice. If you already have a map marker, click the NO ICON button to delete this.

Adding Custom Map Markers to a Map

8. After confirming your choice, you can choose the fill opacity and the marker size. In this example I set the marker size to 60. Otherwise the marker is too small to see. Press APPLY to change your marker.

Adding Custom Map Markers to a Map

9. You have successfully added your custom map markers.

Adding Custom Map Markers to a Map

Keep in mind!
The marker size is locked. That means that the marker won’t change size when you zoom into the map.

Adding map markers for a separate feature

1. To add custom map markers for a separate feature, click the map feature you want to edit and press the EDIT STYLING button in the infowindow.

Adding Custom Map Markers to a Map

2. Now an editing menu will pop up on the left side. Choose the ICON option from the drop down menu that belongs FILL.

Adding Custom Map Markers to a Map

3. Now click the CHOOSE ICON button.

Adding Custom Map Markers to a Map

4. Here you can pick some of our predefined map markers (simple icons, pin icons or maki icons), but it is also possible to add your own custom map marker (e.g. png, jpg, svg) to your map.

Adding Custom Map Markers to a Map

5. If you want to add your own custom map marker to your map, click the tab with YOUR ICONS. In here you can upload an image file (e.g. png, jpg, svg).

Adding Custom Map Markers to a Map

6. Choose a file from your computer.

Adding Custom Map Markers to a Map

7. Select your new map marker and confirm your choice. If you already have a map marker, click the NO ICON button to delete this.

Adding Custom Map Markers to a Map

8. After confirming your choice, you can choose the fill opacity and the marker size. In this example I set the marker size to 60. Otherwise the marker is too small to see. Press APPLY to change your marker.

Adding Custom Map Markers to a Map

9. You have successfully added your custom map markers.

Adding Custom Map Markers to a Map

Custom patterns


Customize your maps by editing your polygon fills with a specific pattern or image. This feature allows you to create maps with different polygon fills, but you can also create beautiful image maps with polygons that are filled with an image. Like this we made our Flags of the World map.

Adding a custom polygon fill for a whole layer

1. To add a custom polygon fill for a whole layer, go to the EDIT STYLING option.

Adding an Image Fill to a Polygon

2. Click the simple styling option tab and pick the PATTERN option from the dropdown with fill options.

Adding an Image Fill to a Polygon

3. Now click the CHOOSE PATTERN button.

Adding an Image Fill to a Polygon

4. Here you can pick some of our predefined patterns, but it is also possible to add your own custom map pattern/image (e.g. png, jpg, jpeg, bmp, gif, svg) to your polygon.

Adding an Image Fill to a Polygon

5. If you want to add your own custom pattern or fill to your polygon, click the tab with YOUR PATTERNS. In here you can upload an image file (e.g. png, jpg, jpeg, bmp, gif, svg).

Adding an Image Fill to a Polygon

6. Choose a file from your computer.

Adding an Image Fill to a Polygon

7. Select your new custom pattern and confirm your choice.

Adding an Image Fill to a Polygon

8. After confirming your choice, you can choose the fill color, fill opacity, line width, line color and line opacity. Press APPLY to change your polygon fill.

Adding an Image Fill to a Polygon

9. You have successfully added your custom polygon fill.

Adding an Image Fill to a Polygon

Keep in mind!
The base color of the polygon fill is still there. So if your image has an opacity below 1 the base color of your polygon might affect your image. Do you want to see the image without any discoloration? Please make sure that your opacity is 1.

Adding a custom polygon fill for separate polygons

1. To add a custom fill/pattern for a separate polygon, click the map feature you want to edit and press the EDIT STYLING button in the infowindow.

Adding an Image Fill to a Polygon

2. Now an editing menu will pop up on the left side. Choose the PATTERN option from the drop down menu that belongs to FILL.

Adding an Image Fill to a Polygon

3. Now click the CHOOSE PATTERN button.

Adding an Image Fill to a Polygon

4. Here you can pick some of our predefined patterns, but it is also possible to add your own custom map pattern/image (e.g. png, jpg, jpeg, bmp, gif, svg) to your polygon.

Adding an Image Fill to a Polygon

5. If you want to add your own custom pattern or fill to your polygon, click the tab with YOUR PATTERNS. In here you can upload an image file (e.g. png, jpg, jpeg, bmp, gif, svg).

Adding an Image Fill to a Polygon

6. Choose a file from your computer.

Adding an Image Fill to a Polygon

7. Select your new custom pattern and confirm your choice.

Adding an Image Fill to a Polygon

8. After confirming your choice, you can choose the fill color, fill opacity, line width, line color and line opacity. Press APPLY to change your polygon fill.

Adding an Image Fill to a Polygon

9. You have successfully added your custom fill to a separate polygon.

Adding an Image Fill to a Polygon

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.