Service Area Map Builder

Suite

Link to this page

Plot cities/ZIPs → shade service area → export.

Saved maps (pins + edited shape + styling)

1. Locations

Saved lists

Default state / region (optional)

Auto-appended to any line that doesn't already include a state.

Import from CSV / Excel

Extract from image (screenshot, list, flyer)

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

One city, ZIP, or address per line

0 plotted

Presets

Choose a preset

Tip: Export presets and drop the .json files in a shared team folder. Teammates click Import to add them to their own list.

2. Icon

Or upload custom icon (PNG only) Icon size: 32px

3. Colors

Icon color

Overlay fill color

Stroke / outline color

Recent colors (click sets all 3)

4. Service Area Shape

Show service area shape

Shape style Padding around points: 4 km

Smoothness: 83 (higher = pointier, lower = smoother)

Hug tightness: 50 (higher = hugs cities, lower = smoother envelope)

Edit the shape by hand

Reshape the service area manually. All strokes, shadows, spotlight & glows are kept.

Custom shape active — the Shape style / Smoothness / Padding sliders above are paused. Press Reset to auto to use them again.

Line cleanup: 55 (higher = smoother / rounder)

Snap an edge to a road (free, OpenStreetMap)

Fill opacity: 6% Stroke width: 3px Stroke style

Dash length: 12px

Spacing: 8px

Spotlight effect (dim outside area)

Dim color

Dim strength: 8%

Outer glow

Size: 20px Opacity: 90% Color

Inner glow

Size: 20px Opacity: 90% Color

5. Map Style

Show on map

Highways & freeways Major roads Minor & residential roads Footpaths & tracks City labels Town labels Village & neighborhood labels Street name labels Points of interest Buildings Parks & green areas Water

Hide all map labels (Dark/Satellite) Map adjustments

Saturation: 100% Brightness: 100% Contrast: 100%

Show city names below icons

Font Label color

Label outline (halo)

Outline thickness: 3px Outline opacity: 100% Label size: 13px Weight

6. Export

Map name (used in filename) Export resolution

× px

Any dimensions 100–8000 px.

Resolution (sharpness)

Higher DPI = more pixels in the PNG (sharper text/icons, bigger file).

Pan/zoom the map to frame the shot, then export. The map is resized to the chosen pixel dimensions before rendering.

A self-contained live map (real zoom/pan, your styling + pins baked in) to embed on a website. Frame it first — it opens at the current view.

Getting started

Don't show again