# Add Annotations to the Map

You can add annotations on the map, such as drawings or text, which can be saved in PDF format with the map.

## The Annotations panel

The **Annotations** panel contains the application's drawing tools.

1. Click on <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FSkzmiXBO09so0k0oBUsw%2Fannotation.png?alt=media&#x26;token=1b145901-bb1d-4e6a-b659-aa91ba73875a" alt="img" data-size="line"> to open the **Annotations** panel. The icon changes color <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F2CxXk1Dp5N4S1yjdpl1f%2Fannotation-activate.png?alt=media&#x26;token=0994eb82-c137-4c8c-ab07-cd08602b727f" alt="img" data-size="line">.<br>

   <figure><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F6BwLNyh02LHeYyU5S6Yf%2Fclip035.png?alt=media&#x26;token=053d67cb-531a-4479-b692-e6628461b7cd" alt=""><figcaption></figcaption></figure>

   <table data-header-hidden><thead><tr><th width="88"></th><th></th></tr></thead><tbody><tr><td><strong>1</strong></td><td>Tools to add various types of annotations.</td></tr><tr><td><strong>2</strong></td><td><strong>Select</strong> <br>This button allows you to select annotations. <br><strong>Delete all</strong> <br>This button allows you to delete annotations.</td></tr><tr><td><strong>3</strong></td><td><strong>Fill</strong> <br>These tools allow you to select the fill color and transparency for polygon type annotations. <br>The <a href="#fill">Fill</a> section provides details on these tools.</td></tr><tr><td><strong>4</strong></td><td><p><strong>Line</strong> <br>These tools allow you to define the width, color, and transparency of lines.</p><p>The <a href="#line">Line</a> section provides details on these tools.</p></td></tr><tr><td><strong>5</strong></td><td><strong>Text</strong> <br>These tools allow you to define the size, rotation, and color of text added to the map. <br>The <a href="#text">Text</a> section provides details on these tools.</td></tr></tbody></table>
2. Click on the tool of your choice to enable it. The icon of the tool will change color. The [Drawing tools](#drawing-tools) section explains the features of these tools and how to use them.
3. Create the drawings you wish to add to the map. You can switch between tools to add different types of drawings. They will remain on the map until you delete them.

## Drawing tools

Several tools allow you to add annotations:

<table data-header-hidden><thead><tr><th width="100"></th><th></th></tr></thead><tbody><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F9GfRMKL4OugnkNHj7LUa%2Fdessin-point.png?alt=media&#x26;token=580c6e38-15b2-4a11-917c-d04d5f5eca20" alt="" data-size="original"></td><td><strong>Point</strong> <br>1. Click on <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F9GfRMKL4OugnkNHj7LUa%2Fdessin-point.png?alt=media&#x26;token=580c6e38-15b2-4a11-917c-d04d5f5eca20" alt="" data-size="original"> to enable the tool. The icon changes color <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FYo2zyT2BUCY7mocShc52%2Fdessin-point-active.png?alt=media&#x26;token=13b321e6-17c1-4b4f-8ac7-2f3b9be73305" alt="" data-size="line">. <br>2. Click where you wish to add a point on the map. <br>The appearance of points is defined in the <a href="#fill">Fill</a> and <a href="#line">Line</a> sections. <br>You can select the features of points before drawing them. <br>You can also <a href="#modifying-the-appearance-of-drawings-or-text">modify the appearance</a> of one or more points once they have been created.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FVWPq7ipHh12QKe5vJ9Zz%2Fdessin-ligne.png?alt=media&#x26;token=525f9156-e315-4041-8279-958260d1b3d2" alt="" data-size="original"></td><td><strong>Line</strong> <br>1. Click on <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FVWPq7ipHh12QKe5vJ9Zz%2Fdessin-ligne.png?alt=media&#x26;token=525f9156-e315-4041-8279-958260d1b3d2" alt="" data-size="line"> to enable the tool. The icon changes color <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FUqquFWWeT9vjBeHkcSTc%2Fdessin-ligne-active.png?alt=media&#x26;token=894183e0-cc23-4851-a251-7d609005d11f" alt="" data-size="line">. <br>2. Click where you wish to add the first point of the line. <br>3. Click somewhere else to add a vertex to the line. <br>4. Double-click to complete the line. <br>The appearance of lines is defined in the <a href="#line">Line</a> section. <br>You can select the features of a line before drawing it. <br>You can also <a href="#modifying-the-appearance-of-drawings-or-text">modify the appearance</a> of one or more lines once they have been created.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FPotsetDhWa5JBlnNl3z3%2Fdessin-cercle.png?alt=media&#x26;token=8fdc67ef-62d5-4fe6-b9b8-4f79ca7acbdb" alt="" data-size="original"></td><td><strong>Circle</strong> <br>1. Click on <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FPotsetDhWa5JBlnNl3z3%2Fdessin-cercle.png?alt=media&#x26;token=8fdc67ef-62d5-4fe6-b9b8-4f79ca7acbdb" alt="" data-size="line"> to enable the tool. The icon changes color <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2Fe9HNYyJwvrE5FncmU9WT%2Fdessin-cercle-active.png?alt=media&#x26;token=9c139451-4581-44ba-a0db-2494b8dbd54f" alt="" data-size="line">. <br>2. Click where you wish to draw the center of the circle. <br>3. Drag the pointer to draw the circle. <br>4. Click to complete the circle. <br>The appearance of circles is defined in the <a href="#fill">Fill</a> and <a href="#line">Line</a> sections. <br>You can select the features of a circle before drawing it. <br>You can also <a href="#modifying-the-appearance-of-drawings-or-text">modify the appearance</a> of one or more circles once they have been created.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FV3pDofBHMNZpa58iAQMq%2Fdessin-carre.png?alt=media&#x26;token=0595c92b-e771-43ce-b8ce-b45fb6db7a0b" alt="" data-size="original"></td><td><strong>Rectangle</strong> <br>1. Click on <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FV3pDofBHMNZpa58iAQMq%2Fdessin-carre.png?alt=media&#x26;token=0595c92b-e771-43ce-b8ce-b45fb6db7a0b" alt="" data-size="line"> to enable the tool. The icon changes color <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FhY27HlxUuRZwDNns7oWu%2Fdessin-carre-active.png?alt=media&#x26;token=ee6710b3-551c-4498-8374-270c490b137b" alt="" data-size="line">. <br>2. Click where you wish to draw the first vertex of the rectangle. <br>3. Drag the pointer to draw the rectangle. <br>4. Click to draw the opposite vertex and complete the rectangle. <br>The appearance of rectangles is defined in the <a href="#fill">Fill</a> and <a href="#line">Line</a> sections. <br>You can select the features of a rectangle before drawing it. <br>You can also <a href="#modifying-the-appearance-of-drawings-or-text">modify the appearance</a> of one or many rectangles once they have been created.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FQjyMJymDrN41OfMnQ2ip%2Fdessin-poly.png?alt=media&#x26;token=5dcb2176-188a-459e-9b85-1768ff54591a" alt="" data-size="original"></td><td><strong>Polygon</strong> <br>1. Click on <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FQjyMJymDrN41OfMnQ2ip%2Fdessin-poly.png?alt=media&#x26;token=5dcb2176-188a-459e-9b85-1768ff54591a" alt="" data-size="line"> to enable the tool. The icon changes color <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FQSNmpupMSQtoBrIKDW7p%2Fdessin-poly-active.png?alt=media&#x26;token=fc5b7e48-2c43-4805-a272-973bc7975f35" alt="" data-size="line">. <br>2. Click where you wish to draw the first vertex of the polygon. <br>3. Click to draw the vertices of the polygon. <br>4. Double-click to draw the last vertex and complete the polygon. <br>The appearance of polygons is defined in the <a href="#fill">Fill</a> and <a href="#line">Line</a> sections. <br>You can select the features of a polygon before drawing it. <br>You can also <a href="#modifying-the-appearance-of-drawings-or-text">modify the appearance</a> of one or more polygons once they have been created.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F2Eqv4ACw3LoMwGpHu7pI%2Fdessin-texte.png?alt=media&#x26;token=d45d04c0-cc09-42c9-890c-b2e0a1277c1f" alt="" data-size="original"></td><td><strong>Text</strong> <br>1. Click on <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F2Eqv4ACw3LoMwGpHu7pI%2Fdessin-texte.png?alt=media&#x26;token=d45d04c0-cc09-42c9-890c-b2e0a1277c1f" alt="" data-size="line"> to enable the tool. The icon changes color <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FxbLqSSxHqAc4an2BynIt%2Fdessin-texte-active.png?alt=media&#x26;token=ea38e021-b98c-4394-abff-611e0a0a6d43" alt="" data-size="line">. <br>2. Click where you wish to add text on the map. The text entry interface opens.<br>3. Enter your text. <br>4. Click <strong>OK</strong> to save the text or click <strong>Cancel</strong> to close the interface without saving the text. <br>The appearance of text is defined in the <a href="#text">Text</a> section. <br>You can select the features of your text before entering it. <br>You can also <a href="#modifying-the-appearance-of-drawings-or-text">modify the appearance</a> of one or more text entries once they have been created.</td></tr></tbody></table>

## Defining the style of annotations

### Fill

This section allows you to define the fill color and transparency for points, circles, rectangles, and polygons.

<figure><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2Fo1A8jmRiZ66lUfOwYRQV%2Fremplissage.png?alt=media&#x26;token=af97d8da-2c08-4371-be55-5ddc807a9964" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="81"></th><th></th></tr></thead><tbody><tr><td><strong>1</strong></td><td>This box shows the selected color and its level of transparency. <br>1. Click on the box to open the fill color selection tool. <br>This tool offers several ways to define the color.</td></tr><tr><td><strong>2</strong></td><td>Visual tools to select the color: <br>1. Select the color in the color bar by sliding the cursor. <br>2. Select the shade in the color field by sliding the point. <br>The selected color is displayed in the Hex and RGB fields and also appears in the color box.</td></tr><tr><td><strong>3</strong></td><td>Hexadecimal (hex) code of the selected color. <br>1. Enter the hexadecimal code in the Hex field. <br>The color you enter is shown in the box, in the colored bar, in the color field and in the RGB indicators. <br>The Hexadecimal code is displayed in the <strong>Fill</strong> section at all times.</td></tr><tr><td><strong>4</strong></td><td>The color is also set using the RGB code. <br>1. Enter the <strong>R</strong>, <strong>G</strong> and <strong>B</strong> values of the desired color. <br>All the color indicators display the selected color.</td></tr><tr><td><strong>5</strong></td><td>This field shows the level of opacity of the fill color. <br>1. Select the level of opacity in the second bar by sliding the cursor. <br>Sliding the cursor completely to the right allows you to reach maximum opacity, and sliding it all the way to the left will set the value to maximum transparency. <br>You can also enter the value in the <strong>A</strong> box. <br>The level of opacity is displayed at all times as a percentage value in the <strong>Fill</strong> section.</td></tr><tr><td><strong>6</strong></td><td>The last selected colors are kepeed in memory.</td></tr></tbody></table>

### Line

This section allows you to define the appearance of lines that make up linear drawings as well as the outlines of circles, polygons, rectangles, and points.

<figure><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FYaTjwyxFweVwFD8TvfKs%2Fligne.png?alt=media&#x26;token=36d7d498-1b9a-4f8f-b792-a8ade42c61f5" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="89"></th><th></th></tr></thead><tbody><tr><td><strong>1</strong></td><td><strong>Width</strong> <br>To define the width of the line, select a value in the drop-down list.</td></tr><tr><td><strong>2</strong></td><td>This box displays the color selected for the line and its level of transparency. <br>1. Click on the box to open the line color selection tool. <br>This tool offers several ways to define the color.</td></tr><tr><td><strong>3</strong></td><td>Visual tools to select the color: <br>1. Select the color in the color bar by sliding the cursor. <br>2. Select the shade in the color field by sliding the point. <br>The selected color is displayed in the Hex and RGB fields and also appears in the color box.</td></tr><tr><td><strong>4</strong></td><td>Hexadecimal (hex) code of the selected color. <br>1. Enter the hexadecimal code in the Hex field. <br>The color you enter is shown in the box, in the colored bar, in the color field and in the RGB indicators. <br>The Hexadecimal code is displayed in the <strong>Line</strong> section at all times.</td></tr><tr><td><strong>5</strong></td><td>The color is also set using the RGB code. <br>1. Enter the <strong>R</strong>, <strong>G</strong> and <strong>B</strong> values of the desired color. <br>All the color indicators display the selected color.</td></tr><tr><td><strong>6</strong></td><td>This field shows the level of opacity of the line. <br>1. Select the line's opacity level in the second bar by sliding the cursor. <br>Sliding the cursor completely to the right allows you to reach maximum opacity, and sliding it all the way to the left will set the value to maximum transparency.<br>You can also enter the value directly in the <strong>A</strong> box. <br>The level of opacity is displayed at all times as a percentage value in the <strong>Line</strong> section.</td></tr><tr><td><strong>7</strong></td><td>The last selected colors are kepeed in memory.</td></tr></tbody></table>

### Text

This section allows you to define the appearance of text entered on the map.

<figure><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FhcFQM3u1naZlJazzEEzd%2Ftextes.png?alt=media&#x26;token=89b52ce7-cb65-4b06-b833-ec4a84bcdcfa" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="88"></th><th></th></tr></thead><tbody><tr><td><strong>1</strong></td><td><strong>Size</strong> <br>To set the font size, select a value in the drop-down list.</td></tr><tr><td><strong>2</strong></td><td><strong>Rotation</strong> <br>Indicate the rotation angle you wish to apply to the text.</td></tr><tr><td><strong>3</strong></td><td>This box displays the color selected for the text. <br>1. Click on the box to open the text color selection tool. <br>This tool offers several ways to define the color.</td></tr><tr><td><strong>4</strong></td><td>Visual tools to select the color: <br>1. Select the color in the color bar by sliding the cursor. <br>2. Select the shade in the color field by sliding the point. <br>The selected color is displayed in the Hex and RGB fields and also appears in the color box.</td></tr><tr><td><strong>5</strong></td><td>Hexadecimal (hex) code of the selected color. <br>1. Enter the hexadecimal code in the Hex field. <br>The color you enter is shown in the box, in the colored bar, in the color field and in the RGB indicators. <br>The Hexadecimal code is displayed in the <strong>Text</strong> section at all times.</td></tr><tr><td><strong>6</strong></td><td>The color is also set using the RGB code. <br>1. Enter the <strong>R</strong>, <strong>G</strong> and <strong>B</strong> values of the desired color. <br>All the color indicators display the selected color.</td></tr><tr><td><strong>7</strong></td><td>The last selected colors are kepeed in memory.</td></tr></tbody></table>

## Modifying annotations

You can make changes to the annotations and drawings you add to the map. You can change the shape of one drawing at a time. You can change an annotation's appearance and its location, rotate or delete several drawings at once.

### Modifying the appearance of drawings or text

1. Click on **Select** to select the drawings or text entries you wish to modify.
2. Click on a text entry or a drawing to select it. The appearance of the drawing's lines will change, and the text will become bold, indicating that the annotation is selected.
3. Hold the SHIFT key and click on another drawing or text entry to add it to your selection. You can select several text entries or several drawings (circles, points, rectangles or polygons). You cannot select both text and drawings at the same time.
4. Depending on the type of annotation in your selection, and using the **Fill**, **Line** and **Text** tools, change the appearance of the annotations. The changes will be displayed on the map.
5. Click on another annotation or on the map to unselect the annotations.

### Changing the shape of a drawing

1. Click on **Select** to select the drawings you want to modify.
2. Click on a drawing to select it. The vertices of the drawing appear.
3. Click on a vertex to select it. The vertex will turn black. New orange vertices are displayed between the original vertices.
4. Slide the selected vertex to the desired location. The drawing will be modified accordingly.

   <figure><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FnWyRS9E2Jxlih896mj68%2Fclip036.png?alt=media&#x26;token=3d6a3f29-139d-4515-89a1-aedcebb349cf" alt=""><figcaption></figcaption></figure>
5. Make the changes by selecting the vertices you want to work with.
6. Click on another annotation, or click on the map to unselect the annotation.

### Modifying the location of annotations

You can change the location of annotations. You can only move one text entry at once, but you can move several drawings at the same time.

#### **Moving a text entry**

1. Click on **Select** to select the text entry you wish to move.
2. Click on a text entry to select it. The text becomes bold, indicating that it is selected.
3. Using the hand-shaped pointer, click on the text, then drag it to the desired location.
4. Drop the text.
5. Click on another annotation or on the map to unselect the text.

#### **Moving drawings**

1. Click on **Select** to select the drawings you wish to move.
2. Click on a drawing to select it. The appearance of the drawing's lines will change, indicating that the annotation is selected.
3. Hold the SHIFT key and click on another drawing to add it to your selection.
4. Using the pointer that is shaped like a hand when it's on one of the drawings, drag the drawings to the desired location.
5. Drop the drawings.

   <figure><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FOu06qdfDvfSgKYbpbBfx%2Fclip037.png?alt=media&#x26;token=3140d750-3d78-4c43-b2e3-2df5dfff3d78" alt=""><figcaption></figcaption></figure>
6. Click on another annotation, or click on the map to unselect the drawings.

### Rotating annotations

You can rotate a selection of drawings or a selection of texts. You cannot rotate a selection of drawings and texts.

1. Click **Select** to select the drawings or texts to rotate.
2. Click on a drawing or text to select it. The lines of the drawing or the appearance of the text change indicating that it is selected. The **Rotate(1)** button appears indicating an annotation to rotate.
3. Holding down the SHIFT key, click on another drawing/text to add it to the selection. The **Rotate()** button displays the number of selected annotations in parentheses.<br>

   <figure><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2Fx5bdXjuTmmbV15UN7Ru1%2Fclip091.png?alt=media&#x26;token=085e5ee7-ed21-4d3e-a7c9-d9072bdd026f" alt=""><figcaption></figcaption></figure>
4. Click **Rotate**. An interface opens to allow you to enter the angle of rotation to print to the selected drawings/texts.
5. Click **OK**. Drawings/texts are displayed with a rotation.

## Deleting annotations

1. Click on **Select** to select the drawings or text entries you wish to delete.
2. Click on a text entry or a drawing to select it. The appearance of the drawing's lines will change, and the text will become bold, indicating that the annotation is selected.
3. Hold the SHIFT key and click on another text entry or drawing to add it to your selection. You can select several text entries or drawings (circles, points, rectangles or polygons). You cannot select both text and drawings at the same time. The **Delete** button indicates the number of selected annotations.
4. Click on **Delete** to delete the selected annotations.
