These instructions are for the in-browser editor in Maproom’s Online Postcode Maps.
In this tutorial we will be building a marketing zones postcode map using Maproom’s unique in-browser map editor. This is available to customers who have purchased access to Maproom’s online postcode maps. The final map will look like the static map here, with interactive popup captions.
1 Decide what level of postcode detail you need – areas or districts.
In the Create Maps page, click the CREATE NEW MAP button of the one you want.
2 Access your new map item
Your new map will be listed under the Create button.
Click the View & Edit button to access it.
3 Familiarise yourself with the editor screen
Your postcode map base will open up full screen with an editing panel open on the right. We suggest you make the browser window as big as possible whilst editing your map.
Try closing and then opening the editing panel
Try zooming in and out of the map, preferably using mouse scroll for fast, smooth action. There are zoom + and – buttons in the bottom right corner if your mouse is not capable of scrolling.
Click and drag anywhere on the map to pan.
Try clicking on some of the map’s postcode areas (“polygons”). Each polygon has a popup caption with information about the postcode.
4 Add a title
You don’t have to add a title to your map, but it’s useful if you are building a key or creating lots of maps. The title will replace the “NEW MAP” description in your overview.
5 Include a key box
Tick to include a key box.
Now click the Update Map button at the bottom right of the editing panel.
A key box with your map title will appear on your map.
6 Create your first zone
The first zone we are going to create is a group of postcodes across East Anglia in a belt to the edge of Wales. Click the Add Zone button.
A row appears in the editing panel.
7 Select a colour
There is a small colour box with a default turquoise colour on the left. Click on it to open a colour selection panel.
Experiment with moving the circle in the middle and the slider on the right to select a colour. You can also insert a hexadecimal colour code. There are literally millions of colours available from this colour selection panel.
When you have selected a colour, click away from the panel to close it. (You can go back in and reselect a colour at any time.)
8 Write a caption
In the popup caption field write a caption.
The first paragraph of your caption is going to be appearing in your key box, so work out how you want to express the information. Use a double return to create a paragraph, or a single return to create a line. We are going to show numbered zones in our key, then have longer popup captions. Therefore we write Zone 1 then use a double return before writing the rest of the caption.
You can resize the caption field by pulling down the resize handle at the bottom right of the field.
You can include up to 1,000 characters in the caption.
9 Select the postcodes for your zone
Click into the Select Postcodes field. A dropdown list of postcodes appears which you can scroll to select. You can also type the postcode to fast-select it.
Now click the Update Map button.
Your map now has your chosen colour in the postcodes you selected, and the key box has the colour and the first paragraph of your caption.
Click on your zone on the map. The popup caption now includes your full caption.
10 Add and reorganise or delete lines as needed
Continue adding zones with different colours, captions and postcodes as desired.
You can reorder rows by click-hold-dragging on the blue numbered left edge of rows. In the example below we have decided to renumber and move Zone 5.
You can delete a row by clicking the red minus circle on the right.
11 Reset your map view if wanted
Tick the “Reset map view” option to keep your current zoom level and centre when updating the map. Untick it if you want to revert to the default zoomed-out level. This feature is especially useful if you are working on an area of small postcodes.
12 Take static screenshots and map canvas snapshots if wanted
You can take static screenshots like the one at the top of this tutorial, which will show the key box and copyright notice. (If you don’t know how to make a screenshot, follow these instructions on a PC or these instructions on a Mac.)
If you want a clean static image of the map, the camera icon at the top left of the screen will take a snapshot of the map canvas at your full current map extent without any overlaying boxes.
Please note: screenshots or clean static images using this system can be distributed for internal use within your organisation, but must not be used in commercial sales campaigns, such as in a marketing brochure given to the public. Please contact email@example.com if you need clarification or a quote for us to convert your online map for high-quality printing or commercial use.
Your online postcode map with full popup captions will be saved in your account for you to refer to and re-edit at any time whilst you have an active subscription to the online maps.
Upgrade to spreadsheet feed
Our in-browser editing system is great for clients wanting to colour and caption a few dozen zones on a postcode map. But if you have numerous zones and are finding the task of selecting and colouring time-consuming using the system, you might consider upgrading to a spreadsheet feed. With a spreadsheet feed we can set up a bespoke program for you that can layer your data, provide search-and-fly functionality, show your spreadsheet information in a popup table, automate colour filtering, make auto-calculations and handle up to literally hundreds of thousands of pieces of data for business intelligence. Please contact firstname.lastname@example.org to discuss spreadsheet feeds. (Setup fees apply.)