layout.skipToContent

Draw Polygons on Maps

This tutorial guides you through drawing polygons on maps using the 23degrees application.

applicationUI.publishedAt 6 de mayo de 2026
1. Introduction

You will learn how to configure polygon properties and customize their appearance for effective map visualization.

Introduction
Introduction
2. Chart Editor

Click the button to open the chart editor.

Chart Editor
Chart Editor
3. Map Settings

Go to the map setting

Map Settings
Map Settings
4. Add Layer

Select "Add Layer"

Add Layer
Add Layer
5. Draw on Map

Select Draw on Map

Draw on Map
Draw on Map
6. Draw Polygons

Select "Draw Polygons".

Draw Polygons
Draw Polygons
7. Confirm choice.

Click next to confirm your choice.

Confirm choice.
Confirm choice.
8. Add to map

Click Add to map

Add to map
Add to map
9. Start Drawing

Click the + Button to start drawing

Start Drawing
Start Drawing
10. Choose Image Fill Type

Click on point in the map where you want to start drawing from

Choose Image Fill Type
Choose Image Fill Type
11. Draw Polygon Shape

Now click on the other points you want to connect.

Draw Polygon Shape
Draw Polygon Shape
12. Finish Drawing

When finished and you are happy with your shape double click to confirm your shape.

Finish Drawing
Finish Drawing
13. Background Colour

Your Polygon now appears with a default colour. To change it go to your polygon layer...

Background Colour
Background Colour
14. Fill Colour

Select Fill..

Fill Colour
Fill Colour
15. Choose Colour

and choose the colour you want to use for your shape.

Choose Colour
Choose Colour
16. Enable Patterns

You can also display striped patterns within your polygon. Just activate the pattern function...

Enable Patterns
Enable Patterns
17. Select Image Pattern

And Select a pattern from the media library.

Select Image Pattern
Select Image Pattern
18. Image Pattern.

But you can also use the default striped pattern that we offer.

Image Pattern.
Image Pattern.
19. Choose Pattern Size Value

You can change the display of the pattern by playing around with the size values to find the best option for your use case. the bigger the number the more widespread the pattern lines will be

Choose Pattern Size Value
Choose Pattern Size Value
20. Open Outline Configuration

Click "Outlines" to adjust the polygon's border settings.

Open Outline Configuration
Open Outline Configuration
21. Select Outline Width Option

You can also set an outline width and colour for your shape.

Select Outline Width Option
Select Outline Width Option

You have successfully drawn and customized polygons on your map using the 23degrees application. Review your polygons to ensure they display as intended, and explore additional styling options to enhance your map visualization.