Flyers

Flyer with a map

Most people searching for a map on a flyer want the corner their shop is on. That is not what this block does. It is a world map you colour country by country, which is the right tool for showing reach and the wrong tool for showing an address, and the difference is worth five minutes before you build.

Create a flyer with OneCraftWhat the map block actually draws, the two modes it has, and the honest alternative for a location
The flyer element panel showing the matrices, tables and timeline and map sections, with the map tile at the bottom
The map block sits beside Gantt in its own section, below the matrix and table blocks.

It is a world map, at country resolution

The block draws the world's country outlines and lets you colour individual ones. That is the only geography it knows. There are no states, no cities, no roads, no zoom, no satellite view and no address search. If your flyer needs to show where a venue is, this block will not do it, and no combination of settings will make it.

Two modes: highlight and choropleth

Highlight paints the countries you list in one colour against the rest of the world. Choropleth adds a value to each country and shades them along a ramp, so bigger numbers come out stronger. Highlight is for we operate here. Choropleth is for we sold this much here. Switching between them keeps your list intact.

Countries go in as three letter codes

Each row takes an ISO three letter code, uppercased and trimmed to three characters as you type, so AUS, NZL, USA, GBR. A label is optional and a value appears as a third field only when you are in choropleth mode. Add and delete rows from the same panel, and the map redraws as you go.

Six colours, all from the theme

The highlight colour is picked from six theme tokens: brand, brand secondary, brand accent, ink, tinted surface and highlight. The base landmass, the strokes and the choropleth ramp are all resolved from the theme too, so the map belongs to the flyer rather than looking like an embedded screenshot. A shadow toggle sits underneath if the map needs lifting off the page.

For a real location, use an address and a code

The reliable pattern on a flyer is the written address in a text element, plus a QR code encoding a link to your listing in whichever map app your readers use. That is one line and one block, it scans from paper, and it stays correct if you move. Seventeen of the designs already ship a QR slot for exactly this.

How it works, in three steps

  1. Step 1

    Insert the map

    It sits in the Timeline and map section of the element panel, beside the Gantt block.

  2. Step 2

    Choose highlight or choropleth

    Highlight for presence, choropleth for volume. The value field appears only in choropleth mode.

  3. Step 3

    Add the ISO codes

    Three letters each, with an optional label. The map updates as each one is entered.

The full walkthrough with screenshots is in the guide Add charts and diagrams to a flyer.

Limits worth knowing

See it on a finished piece

Questions people ask

Can I show where my shop is?

Not with this block. It has no street level geography at all. Put the address in text and add a QR code that opens your listing in a map app, which is what actually gets somebody to your door.

Can I drop a pin on a city?

No. The data format has a place for markers, but the inspector offers no way to add one, so in practice pins are not available.

How do I enter a country?

By its three letter ISO code. Typing more than three characters is trimmed and lower case is converted, so AUS, NZL and SGP all work as typed.

What is choropleth mode for?

Shading countries by a number, so a flyer can say we shipped to these twelve markets and these three are the biggest, without a table. Give each country a value and the shading follows.

Make your own flyer

The button opens the generator with this use case already described. Change the wording to match yours, generate, then edit anything you like.

Create a flyer with OneCraft

Related pages

More finished work of this kind is on the flyer examples hub.