Adding a Dotted World Map to Confluence Pages

Adding a Dotted World Map to Confluence Pages

Adding a dotted world map to a Confluence page is a quick way to give a team wiki some visual context — office locations, remote-team distribution, or market coverage — without pulling engineering time into building a custom macro. Confluence handles image uploads natively, and a dotted map's flat, low-file-size style fits the format well.

Company wikis tend to have a handful of pages that benefit from a map: a "Where We Are" page for new hires, an internal directory of regional offices, or a status page describing which markets a product supports. These pages get revisited constantly, so the map needs to be easy to update, not just easy to add once.

Uploading the Map

Confluence supports both PNG and SVG uploads through its standard image insertion, though rendering behavior for SVG can vary depending on your Confluence version and whether you're on Cloud or Data Center. The safer default across both:

  1. Export your map as a PNG with a transparent background — this renders identically across every Confluence version and theme
  2. On your page, use Insert > Files and images (or drag-and-drop directly into the editor)
  3. Click the inserted image to open sizing options — Confluence lets you set it to a percentage of page width or a fixed pixel size
  4. Add alt text describing what the map shows (e.g., "Map showing our six regional offices") — this matters for accessibility and also helps the image show up sensibly in Confluence's search indexing

If your instance does render SVG cleanly, it's worth using it for a page that needs to look sharp at multiple screen sizes, since teams view Confluence on everything from ultrawide monitors to tablets.

Generate vector dotted maps

Create vector dotted maps with custom options and download them as SVG or PNG files

Where a Map Fits on a Wiki Page

That last case overlaps with how companies build external-facing infrastructure pages — see designing server location graphics for status pages for layout ideas that translate well to an internal Confluence version.

Keeping the Map Current

The biggest practical issue with maps on wiki pages isn't the design — it's staleness. A map showing five offices is wrong the day a sixth office opens, and nobody remembers to regenerate it. A few habits help:

Formatting Considerations

Confluence pages are read at a range of widths depending on whether someone's viewing in the sidebar-collapsed reading mode or a narrower embedded panel. A few adjustments help the map hold up:

A Simpler Alternative for Some Teams

Some teams use Confluence primarily as an internal home base but link out to a public-facing page for the canonical version of team or office information. If that's your setup, it may be worth building the primary map for an interactive office locations page or your remote-team website page first, then reusing the same exported image inside Confluence — one source asset, two destinations.

Quick Checklist

Generate the Map

Set your region and highlighted locations in the map generator, export a PNG, and drop it into your Confluence page. If your wiki also tracks where your team works day to day, see visualizing remote team locations with dotted maps for design ideas that translate directly to an internal page.