Help Center Spotzi Studio 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. In the Spotzi Mapbuilder 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.
2. Pick the simple styling option and choose the ICON option from the dropdown with fill options.
3. Now click the CHOOSE ICON button.
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.
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).
6. Choose a file from your computer.
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.
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.
9. You have successfully added your custom map markers.
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.
2. Now an editing menu will pop up on the left side. Choose the ICON option from the drop down menu that belongs FILL.
3. Now click the CHOOSE ICON button.
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.
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).
6. Choose a file from your computer.
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.
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.
9. You have successfully added your custom map markers.
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.
2. Click the simple styling option tab and pick the PATTERN option from the dropdown with fill options.
3. Now click the CHOOSE PATTERN button.
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.
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).
6. Choose a file from your computer.
7. Select your new custom pattern and confirm your choice.
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.
9. You have successfully added your custom polygon fill.
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.
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.
3. Now click the CHOOSE PATTERN button.
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.
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).
6. Choose a file from your computer.
7. Select your new custom pattern and confirm your choice.
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.
9. You have successfully added your custom fill to a separate polygon.
