Service Area Map Builder

Tools

Link to this page

Where do they work?

Paste the cities, then hit Plot map below.

Cities, ZIPs or addresses One per line

Default state Added to lines without one

CountiesShade whole counties

“County” is added for you. The whole boundary is shaded into the area.

Whole statesShade entire states

Cities from an imageScreenshot or flyer

Drag an image here, or click to browse

Review & fix — one per line. Bad spelling? Just edit it here.

Import a spreadsheetCSV or Excel

Drag a file here, or click to browse

Saved city listsReuse a client's list

Flag pins that land far awayTurn off for wide, multi-state areas.

Saved mapsOpen, save or update a whole map

Saves pins, hand-edited shape and all styling, in this browser.

Service area shapeThe shaded coverage area around the pins.

Shape

Padding around points4 km

Smoothness higher = pointier83

Hug tightness higher = hugs cities50

Fill & outline

Fill opacity6%

Outline width3px

Outline style

Dash length12px

Spacing8px

Colours for the fill and outline live in .

Split into regionsOne shape per metro

Separate shape per region

Split when cities are more than80 km

Stops one shape claiming the empty country between metros.

Spotlight & glowDim the outside, glow the edge

SpotlightDims everything outside the area.

Dim colour

Strength8%

Outer glow

Colour

Size20px

Opacity90%

Inner glow

Colour

Size20px

Opacity90%

Edit the shapePoints, edges, roads

Pick a tool, then work on the map. Outline, spotlight and glows stay as they are.

Custom shape on. Padding and Smoothness above are paused until you Reset to auto.

Line cleanup higher = rounder55

Snap an edge to a road OpenStreetMap

Start from a preset Applies every style setting at once

Manage presets

Share presets by exporting the .json to the team folder; teammates import it.

Colours

Pins

Area fill

Outline

Recent one click sets all three

Pin icon

Size32px

Upload your own iconPNG

Drag a PNG here, or click to browse

City names under pins

Font

Weight

Size13px

Text

Halo

Halo3px

Halo opacity100%

Base map

Studio style URL

Mapbox tokenBuilt in

Public token (pk.…)

What shows on the mapRoads, labels, parks

Highways Major roads Minor roads Footpaths City labels Town labels Village labels Street names Points of interest Buildings Parks Water

Hide map labelsDark and Satellite only.

Adjust the mapSaturation, brightness, contrast

Saturation100%

Brightness100%

Contrast100%

Match a client photoPreview over a photo, pull its colours

Drag a photo here, or click to browse

Preview the map over this photo Photo dim: 0%

Click a color to apply it to the pins, shape & stroke.

For big or crowded areas

Each one stacks with the others and saves into presets.

Merge crowded pinsA pile of pins becomes one badge with a count.

Distance44px

At least3 pins

Badge size100%

Shape

Name the group under the badge

Click a badge on the map to rename it, e.g. “Greater DC”.

Custom badge colours

Fill Number Ring

Ring width3px

Tiered pinsBig pins for cities, small dots for villages. Click any pin to promote it.

Dot size7px

Dot shape

City pin size100%

Custom dot colours

Dot Outline

Outline width2px

Hide overlapping labelsKeeps crowded areas readable.

Clear space higher = fewer labels2px

Radius rings“Within 50 miles” rings from a centre point.

Miles

Centre on

Ring

Width2px

Line

Opacity85%

Tint inside the rings

Tint

Tint6%

Label each ring

Text

Size12px

Position

Text

Pill behind the label

Mark the centre point

Zoom-in insetA call-out box blowing up the densest metro.

Title

Corner

Size34%

Border Title bar Title text

Border3px

Rounding4px

Locator box & connector lines

Locator

Zoom padding35%

City list on the mapA “Cities we serve” panel beside the map.

Heading

Side

Columns2

Text13px

Panel width26% of map

Panel Text Heading

Panel opacity93%

Accent bar on the inside edge

Accent

Width4px

Frame it, then download

Pan and zoom the map to the shot you want. The export matches what you see.

File name

Size

Sharpness

× px

Any dimensions 100–8000 px.

Add multiple sizes, then Download PNG exports every size in the list at once. Leave the list empty to just export the width × height above.

150 DPI for print, 300 for large print. Bigger files, sharper text.

3D view

Tilt and turn the finished map with a raised service area, pins on poles, terrain and optional 3D buildings, then download it as a PNG.

For a website

A live, zoomable map with your styling baked in, ready to embed. Opens at the current view.

Removes every pin and shape. Saved maps, lists and presets stay.

0 plotted

Powered by Lokal Media House

3D view

Drag to move. Right-drag or Ctrl-drag to tilt and turn. The PNG uses the Size and Sharpness from the Export tab; the HTML opens at the angle you set here.

Tilt55°

Turn-20°

Raise the service area

Pins on poles Smaller pins in the distance 3D buildings Terrain (hills)

Uses a Mapbox style: your current one, or Standard if the flat map is on an LMH or satellite base map. Cluster badges, rings, the inset and the city list stay on the flat map.

← → to move, Esc to close. The highlighted control still works, so try it.