17.2.8. The Picture and the North Arrow Items

The Picture item is a tool that helps decorate your map with pictures, logos… It can also be used to add north arrows, despite the dedicated North arrow tool.

17.2.8.1. The Picture Item

You can add a picture by dragging it from your file manager onto the canvas, or by using the addImage Add Picture, following items creation instructions. Then you can manipulate it, as explained in Interacting with layout items.

When using addImage Add Picture, the picture item will be a blank frame that you can customize using its Item Properties panel. Other than the items common properties, this feature has the following functionalities (see Picture Item Properties panel):

../../../../_images/image_mainproperties.png

Fig. 17.47 Picture Item Properties panel

There are several ways to set the Image source (to select the image you want to display):

  1. In the Main properties group, use the Browse button of image source to select a file on your computer. The browser will start in the SVG-libraries provided with QGIS. You can also select other image formats (like .png or .jpg).

  2. You can enter the source directly in the Image source text field. You can even provide a remote URL that points to a picture.

  3. From the Search directories area you can select an image from the loaded previews to set the image source. These images are by default provided by folders set in Settings ► Options ► System ► SVG Paths.

  4. Use the dataDefined data defined override button to set the image source from a feature attribute or using a regular expression.

Note

In the Search directories group, you can use the Add and Remove buttons to customize the list of folders to fetch and preview images from.

With the Resize mode option, you can set how the image is displayed when the frame is resized:

  • Zoom: enlarges/reduces the image to the frame while maintaining the aspect ratio of picture

  • Stretch: stretches the image to fit inside the frame

  • Clip: use this mode for raster images only, it sets the size of the image to the original image size without scaling, and the frame is used to clip the image. So only the part of the image that is inside the frame will be visible.

  • Zoom and resize frame: enlarges the image to fit the frame, and then resizes frame to fit the resulting image dimensions

  • Resize frame to image size: sets the size of the frame to match the original size of the image (no scaling)

Depending on the selected Resize mode, the Placement and Image rotation options may be disabled. Placement lets you select the position of the image inside its frame.

The QGIS provided (default) .SVG files are customizable, meaning that you can easily apply other Fill color, Stroke color (including opacity) and Stroke width than the original, using their corresponding feature in the SVG Parameters group. These properties can also be data-defined.

If you add an .SVG file that does not enable these properties, you may need to add the following tags to the file in order to add support e.g. for transparency:

  • fill-opacity=”param(fill-opacity)”

  • stroke-opacity=”param(outline-opacity)”

You can read this blog post to see an example.

Images can be rotated with the Image rotation field. Activating the checkbox Sync with map checkbox synchronizes the rotation of the image with the rotation applied to a selected map item. This is a convenient feature for north arrows that you can align with either:

  • Grid north: the direction of a grid line which is parallel to the central meridian of the national/local grid

  • True north: direction of a meridian of longitude.

You can also apply a declination Offset to the picture rotation.

17.2.8.2. The North Arrow Item

You can add a north arrow with the northArrow Add North Arrow button, following items creation instructions and manipulate it the same way as exposed in Interacting with layout items.

Since north arrows are images, the North Arrow item has the same properties as the picture item. The main differences are:

  • A default north arrow is used when adding the item, instead of a blank frame

  • The north arrow item is synced with a map item by default: the Sync with map property is the map over which the north arrow item is drawn. If none, it falls back to the reference map.

Note

Many of the north arrows do not have an ‘N’ added in the north arrow. This is done on purpose, since there are languages that do not use an ‘N’ for North.

../../../../_images/north_arrows.png

Fig. 17.48 North arrows available for selection in provided SVG library