Map Tools & Widgets

Mouse options

If you are using a mouse, then there are a few map navigation options available to you.


Click your mouse on the map, hold the mouse button down, then drag the map to a new location.

Zoom in/out

To zoom in, push your mouse’s scroll button away from you. To zoom out, push your mouse’s scroll button towards you.

There are a number of widgets in the top-left corner of your browser that allow you to navigate the map.

Navigation widgets

Note that when you open the web mapping application in your browser, the map is located at the last location you were displaying in that browser, if you’d had it open previously.

Zoom in

Zoom in widget

Click this to look more closely at the map and see more details, creating a smaller extent.

Zoom out

Zoom out widget

Click this to see more of the map, creating a larger extent.

Default extent

Default extent widget

Click this to reset the extent back to how it was when you first started. This is the default extent of the map, which disregards any changes to the extent that you’ve made in this or any previous browser sessions.

My location

My location widget

Click this if you are physically located in Barkley or Clayoquot Sound area, and you want to view where you are. This will zoom the map in to your current location.

Find address or place

Find address widget

Type in the name of a place in the white box then click the magnifying glass symbol to the right. A set of matching results will be displayed.

Matching address results

Pick the one you want, and the map will zoom to that location.

This tool works with a number of locations in the country, including towns, islands, mountains, First Nation Reserves and Treaty Settlement Lands.


Measurement widget

This widget contains three tools for analysing the map:

  • Measure area
  • Measure distance
  • Show location’s coordinates

The measurements and coordinates for each of these tools only remains displayed in the map for as long as that particular tool is active. As soon as you select some other tool then the results will disappear. If you wish to have measurements displayed for longer in the map, then use the Draw widget described below, and tick the ‘Show Measurements’ checkbox included within it.

Measure area

Measure area

Firstly, click the triangle to the right of the units and select, from the drop-down list, the units you would like to see the measurements in.

Now click with the mouse around the edge of the area you would like to measure. Double-click the last point to close off your area and have the result displayed.

Drawing an area with the measurement tool

If you wish to see this result in different units, you can now do so by selecting those units from the drop-down list.

NB. If the Measurement widget is in the way when you are creating measurements in the map, you can move it out of the way by clicking on the blue bar in its header, holding down your mouse button and then dragging it to a new location.

Measure distance

Measure distance

Firstly, click the triangle to the right of the units and select, from the drop-down list, the units you would like to see the measurements in.

Now click with the mouse to create a measuring line across the point. This can have as many points as you like. Double-click the last point to finish off the line and display the total distance measured.

Draw path to measure distance

Show location's coordinates

Window showing location's coordinates

Use this tool to display the coordinates of a location on the map.

Firstly choose whether you’d like the coordinates to be displayed in degrees, minutes and seconds (DMS) or in decimal degrees (Degrees) by picking it from the drop-down list.

Now as you move the mouse over the map its location as a pair of coordinates will be displayed in the widget.

Click the mouse on the map and a green marker will be placed at that location. The coordinates of the location you’ve just defined will also be displayed in the widget, underneath the mouse’s coordinates.


Bookmark icon

The Bookmark widget allows you to quickly jump to a defined location, each location being ‘bookmarked’. Open the widget, then simply click on one of the pictures shown in it and the map will jump to that location.

Default bookmark list

Create a bookmark

If you have a locations that you commonly work in, you can save this as your own bookmark for later use. To do this:

  • Move the map to the location you would like to save.
  • Give your bookmark a name by typing this in the white ‘Bookmark Name’ box.
  • Click the plus sign.
View of interface when creating own bookmark

Your new bookmark will be saved.

View of interface with newly-created bookmark in list

Delete a bookmark

If you no longer need a bookmark, you can delete it as follows:

  • Click the bookmark in the widget. It will then be highlighted.
  • Click ‘Delete’.
View of interface when deleting bookmark

The bookmark will be permanently removed. Any bookmarks can be deleted, including those you did not create yourself.

  1. Any changes you make to the bookmark widget will not affect other users of the application. They will not see any new bookmarks that you create, and if you choose to delete any of the existing bookmarks, they will only be deleted from your browser, not from anyone else’s.
  2. Bookmarks are specific to browsers and devices. For example, if you create a bookmark in your Internet Explorer browser, it will not be seen in your Firefox browser, and vice versa.


Draw widget

A large number of options are available for drawing your own markup on the map.

Firstly select a drawing mode from the 11 different modes available.

Select drawing mode

'Select drawing mode' menu

There is one for creating a single point, three for creating lines in different ways, six for creating polygons and one for creating text on the map.

When creating a point, line or polygon, a number of standard symbols can be picked from. Here is the set of symbols for creating lines:

Line symbols

Simply pick one of your choice and start drawing on the map.

Alternatively, if you’d like more control over the symbol, you can instead pick a colour, style, transparency and width from the tools below.

Custom symbol styles


For lines and polygons, the drawing tool incorporates a measuring tool as well, whereby any markup you create on the map will include its length if it’s a line, or its perimeter and area if it’s a polygon. To do this, tick the ‘Show Measurements’ box and select the units you wish to use.

Measuring tool


To add text to the map:

  1. Select the text tool showing an letter ‘A’;
  2. In the box below, type the text you wish to place;
  3. Change the font colour and size as you wish;
  4. Click a location on the map to place the text.
Adding text to the map

Changing existing markup

After having used the drawing tools to create some markup on the map, the markup can be changed in several ways.

Changing markup options
  • Clicking ‘Undo’ will remove the last markup you placed on the map.
  • If you change your mind about removing the last markup, then you can click ‘Redo’ to put it back again. The ‘Redo’ tool becomes active after the ‘Undo’ tool has been used.
  • Clicking ‘Clear’ will remove all markup that you’ve added to the map. Use this with caution because you are not given any warnings or prompts about changing your mind. All markup is simply removed straight away.
  • Right-click a single drawing to display a pop-up menu, which gives you a number of tools for editing that drawing.
Placeholder image

a) The ‘Edit’ tool allows you to move the vertices of your drawing and change its shape. Click and drag the line’s or polygon’s handles to reshape it.

Placeholder image

NB. If you have ‘Show Measurements’ active, then if you edit your drawing, then the measurement displayed on the map will no longer be accurate.

b) The ‘Move’ tool allows you to move your drawing to a new location on the map. Click on the drawing, hold the mouse down and drag it to a new location.

Placeholder image

c) The ‘rotate/scale’ tool allows you to change the size and orientation of your drawing. Click and drag the handle at the top of the drawing to rotate it.

Placeholder image

Click on any of the other handles to resize your drawing. Use the handles on the corners to resize it proportionally. Use those on the edges to resize it either vertically or horizontally, which effectively ‘squashes’ the drawing in that direction.

NB. If you have ‘Show Measurements’ active, then if you resize your drawing, then the measurement displayed on the map will no longer be accurate.

d) The ‘Delete’ tool will delete that individual drawing. Use this with caution because you are not given any warnings or prompts about changing your mind. The individual drawing is simply removed straight away.

NB. Note the difference between the ‘Clear’ tool and the ‘Delete’ tool. ‘Clear’ will remove all drawings from the map, whereas ‘Delete’ will only remove the single drawing that you’ve clicked on.


Print widget

Use the Print tool to produce an output from the map that you can send to others using email, etc. or to create a paper map. Your output will include any drawings or measurements that you’ve added to the map and will also display any additional layers that you’ve added using the ‘Add shapefile’ or ‘Add data’ tools.

Firstly give your map a title by typing it in the ‘Map Title’ box.

Map title field

Next choose a layout from the drop-down list. There are a number available according to size and orientation. Choose ‘MAP_ONLY’ if you want a very simple output showing only the map itself, with no title, borders, etc.

Choose print layout

Next choose the format of the file that you’d like the output to be created in.

Choose output file format

The ‘Advanced’ tool allows you to configure more options to fine-tune your output. These are described in Advanced Options below.

Click ‘Print’ to produce your output. Wait for a few moments, then your output will be listed below, having the title you entered in the ‘Map title’ box.

View of output file in print window

Click on your output and, depending on your browser’s settings, it should be opened in a separate browser tab and will be in the format you requested. From here you can download it in a number of ways depending on which type of browser you are using. For more details see the section on Downloading Outputs.

Several outputs can be generated as required and each will be shown in the list below. Each can then be opened separately by clicking on it in the list.

Print output list

Clicking the ‘Clear Prints’ tool will remove all the outputs from the list.

Advanced options

Advanced print options window

The advanced options allow you to accurately define your print output.

  1. Selecting ‘Preserve map scale’ will ensure that the scale that the map is currently displayed at will be the exact scale that is used in your output.
  2. Selecting ‘Preserve map extent’ will ensure that the extent of the map that is currently displayed will be retained in your output. Selecting this option will ensure that everything you can currently see in your map will be included in the output.
  3. Select ‘Force scale’ and then type a scale in the box to define a precise scale for your output. If you click the ‘current’ link then the scale that the map is currently displayed at will appear in the box. You can then edit this value as required.
  4. Author: Most of the layouts include a description of the author of the map. By default this author is ‘West Coast Aquatic’ but you can change this if you wish.
  5. Copyright: If you wish to have copyright information displayed on your output, then enter this in the ‘Copyright’ box.
  6. Include legend: By default the output includes a legend, but you can exclude this if you wish, by unticking the ‘Include legend’ checkbox.
  7. Width and Height: If you have selected the ‘MAP_ONLY’ layout and you have selected an image format such as JPG or PNG, then you can define the width and height in pixels of the output by entering those values in the Width and Height boxes.
  8. DPI: You can define the pixel density by entering a value in the ‘DPI’ box. This defines the number of dots (pixels) per inch for the output.

Downloading Outputs

Once you have your output open in a separate browser tab, the procedure for downloading it varies slightly depending on which type of browser you are using. Below are instructions for Chrome, Internet Explorer, and Firefox.


Right-click your output and select ‘Save as…’

Download from Chrome

Browse to a chosen folder, enter a file name and click ‘Save’.

Saving file to your chosen folder

Internet Explorer

From the File menu, select ‘Save as…’

Download from Internet Explorer

Browse to a chosen folder, enter a file name and click ‘Save’.

Saving file to your chosen folder


Right-click your output and select ‘Save Page As…’

Download from Firefox

Browse to a chosen folder, enter a file name and click ‘Save’.

Saving file to your chosen folder


Share widget

The ‘Share’ widget allows you to easily share a link to this web mapping application with colleagues, acquaintances and friends. Note that this does not share any work that you’ve done in the map, such as any drawings or additional layers, but simply provides them with a link that they can use to open the application themselves. The only option you have is to share the current extent of the map that you are looking at.

Share options

Tick the ‘Share current map extent’ checkbox if you wish to include the extent of the map that you are currently looking at. Then click one of the following networking tools:

  • Facebook: Share the application in Facebook.
  • Twitter: Share the application in Twitter.
  • Google Plus: Share the application in Google Plus.
  • Email: Launch your default email program and include a link to the application in the message.
  • Map Link: Launch the application again in a new browser tab.

The ‘Map Link’ text box displays the link that will be shared using whichever of the above tools that you select.

The ‘Embed Map’ text box displays text that can be used by a web page builder to embed the web mapping application into a frame in the page. The width and height of the frame can be varied using the ‘Size’ drop-down list below.

Layer widgets

Layer widgets

There are a number of widgets in the top-right of your browser. Please follow the links below to learn more:

  • Add Shapefile: Allows you to add your own map layers to the map, uploaded from shapefiles.
  • Legend: Shows which layers are currently visible in the map. You can make more layers visible using the Layer List widget
  • Layer List: Provides you with a number of powerful tools to view layers of information in the map. You can turn layers on and off, zoom to layers in the map, and access tabular information related to a layer.
  • Basemap Gallery: Gives you access to a number of different basemaps.

Using these widgets

Here are a few tips to help you use the widgets.

Minimize: If a widget is open, you can minimize it by clicking the minimize arrow icon. This can help you see more of the map.

Placeholder image

Maximize: Click the maximize arrow icon to see the full extent of the widget.

Placeholder image

Close: Click the "X" in the top-right corner to close the widget.

Placeholder image