Optimize the display of markers and labels

Contents

Introduction

Add a label next to a marker to continuously display info about the marker

Resize a marker after it has been placed

Resize the markers in a group

Change a label’s location

Reduce a label’s size by removing its background and border

Make the size of a marker/label shrink when you zoom-out

Correct the size of markers/labels by reducing the size of the produced image or PDF

Edit the styling and formatting of the text in a label’s description

Introduction

• Working in the Map View.
• Preparing the map so you can create an image, PDF, or browser print.
• Preparing the map so you can order a paper print.

This article provides instructions for optimizing the display of markers and labels.

Add a label next to a marker to continuously display info about the marker

When you create an interactive map, the map's user can click on a marker to view information about the marker.

However, when you create an image, PDF, or print version, the user cannot click to view the information.

If you want the map to continuously display information about the marker, you can add a label next to the marker. To learn how; visit this link: Label Tool—Create a label

Resize a marker after it has been placed

View this article: Resize a marker after it has been placed

Resize the markers in a group 

Change a label’s location

1. Select the Edit/Measure Tool in the top toolbar.

   Quick Key: Or you can press the "Q" button on your keyboard.

    
2. In the Map View, click and drag the label to the new location.

Reduce a label’s size by removing its background and border

A label can cover items on the map. By removing the label’s background and border, map users might be able to see the previously covered items.

To remove the label's background and border:

1. Select the Edit/Measure Tool in the top toolbar.

   Quick Key: Or you can press the "Q" button on your keyboard.

    
2. In the Map View, click anywhere on the label. 
   The label editor window will pop up.
    
3. In the window, click the "Hide BG" checkbox. Then click "SAVE".
   In the Map View, you will see the label's background and border have been removed.
    
4. Check to see if the previously covered items are now visible.

Make the size of a marker/label shrink when you zoom out

In Scribble Maps, the regular setting is: a marker/label's size is automatically responsive to the zoom level. So the size of the marker/label remains the same when you zoom in or out.

You can make the size of the marker/label become smaller when you zoom out beyond the current zoom level.

Note: You will see the current zoom-level at the center of the map footer. For example: "Zoom:3".

1. Select the Edit/Measure Tool in the top toolbar.

   Quick Key: Or you can press the "Q" button on your keyboard.

    
2. In the Map View, click anywhere on the marker/label.
    
3. There are 2 options for this step.

   Option A

   For a marker, you will see the info bubble and marker editor window will pop-up.

    

    

   Option B

   For a label, you will see the label editor window.

    
4. Click the checkbox for "Shrink On Zoom". Then click "Save".
    
5. There are 2 options for this step.

   To zoom-out:

   Option 1
   

   In the top-right corner of the Map View, click the: Zoom-out button, "-".

    

   Option 2

   Use the scroll wheel on your mouse.

   For Windows

   • Scroll backwards to zoom-out.

    

   For Mac

   • Scroll forwards to zoom-out.

    

    
6. You will see the marker/label becomes smaller in the Map View.

Correct the size of markers/labels by reducing the size of the produced image or PDF

Note: To produce a PDF, you must be logged-in to a Pro account. To learn how to upgrade, visit this link: How to upgrade to a Pro account

Your map’s markers/labels may be too small because the image or PDF you’re producing is too large. The simple solution is for the map user to zoom in on the image or PDF.

However, to improve the map user's experience, you may want to reduce the size dimensions of the image or PDF. The smaller dimensions might enable the user to view the markers/labels without having to zoom in.

If you have a Pro Business account, you can produce images in dimensions up to 11000x11000px. These maximum dimensions are much larger than the resolution of most desktop computer screens. A screen with a resolution of 1920x1080px is usually considered large.

Note: The principle applies to dimensions in pixels and inches.

An image larger than the screen resolution shrinks to fit the screen, making everything smaller. The markers/labels then appear too small (unless the user zooms in).

So you may want to select smaller dimensions when you produce the image or PDF.

Edit the styling and formatting of the text in a label’s description

1. Select the Edit/Measure Tool in the top toolbar.

   Quick Key: Or you can press the "Q" button on your keyboard.

    
2. In the Map View, click anywhere on the label.
   The label editor window will pop up.
    
3. Click the "Advanced Editing" link.
    
4. In the "Description" field, click and drag to highlight the text you want to edit.
    
5. Above the "Description" field, you can use the buttons to add styling and formatting to the text.

   This list explains the purpose and options for each button:

   • Bold text
   • Italic text
   • Underline text
   • Strikethrough - Draws a line through the text.
   • Font size
     • Normal.
     • 8pt.
     • 10pt.
     • 12pt.
     • 14pt.
     • 18pt.
     • 24pt.
     • 36pt.
   • Text color
   • Text background color
   • Font
     • Arial.
     • Monospace.
     • Serif.
     • New Times Roman.
     • Verdana.
     • Roboto.
   • Align or Justify 
     • Align left.
     • Center.
     • Align right.
     • Justify (the last line is aligned-left).
   • Numbered list
   • Bulleted list
   • Clear styling and formatting

    

    
6. After you finish editing, click the "SAVE" button.

See also

Marker Tool—Create a marker 

Label Tool—Create a label