Interactive image-map editor

Turn static images into interactive experiences.

Upload a static floorplan, venue plan, diagram, or store layout. Draw shapes, place pins, attach rich media, and publish maps or embeds.

Private drafts
Public snapshots
Website embeds
Published preview

Main showroom

Gallery, notes, CTA, and tags

Open

Workflow

Publish a map in four simple steps.

The editor flow is built around a simple cycle: draft privately, preview carefully, and publish only when your maps are ready.

01
map.jpg
upload
canvas

Upload the image

Start with a floorplan, site plan, diagram, venue image, product shot, or store layout.

02
Adding...

Add the interactive layer

Place markers and draw shapes directly over the source image with precise editor controls.

03
🔍 Search...
+-
Hall A102

Preview the public view

Check how viewers will explore content, media, search, and map controls before publishing.

04
surpages.com/m/example
LIVE
<script src="../embed.js" data-map="k7Hq"></script>

Publish or embed

Share a public map URL or install the generated embed script on an authorized website.

Capabilities

Everything a map viewer needs, layered over your image.

Surpages gives every object on an image a structured, searchable story. It works for customer-facing maps and internal visual guides.

Interactive markers

Place pins with names, notes, tags, image galleries, custom buttons, and detail cards.

Precise shapes

Draw polygons, rectangles, circles, lines, arrows, text, brush paths, and invisible hotspots.

Searchable content

Organize map items with tags, categories, and rich content so viewers can find the right place fast.

Public publishing

Keep drafts private, publish a stable read-only snapshot, and update it only when ready.

Website embeds

Authorize site origins, preview device sizes, and install a hosted script or iframe.

Large image support

Use higher-resolution floorplans, site plans, and diagrams on supported plans without slowing down the public map.

Use cases

Built for images that need context.

Use one editor for many visual workflows: sales, operations, events, documentation, and public guides.

Real estate floorplans

Mark rooms, amenities, measurements, gallery images, and calls to action on a property plan.

Venue and event maps

Guide visitors through halls, booths, services, entrances, and sponsor locations.

Retail and showroom guides

Turn a store layout into a searchable guide for departments, displays, and promotions.

Product diagrams

Explain features on a product image with markers, shapes, media, and action buttons.

Warehouse and factory maps

Document zones, equipment, safety notes, and operational routes on one visual layer.

Campus and tourism maps

Publish interactive guides for buildings, attractions, routes, and points of interest.

Publish with complete control.

Drafts remain private while you edit. When the map is ready, publish a stable snapshot for public URLs and embeds. Viewers see the published version until you publish again.

Serve maps for high traffic.

Paid plans unlock public delivery, website embed controls, monthly view allowances, and larger high-resolution images on Pro and Premium tiers.

Pricing plans

Publish when the map is ready.

Build privately first. Choose a paid plan when you need public links, embeds, usage tracking, and delivery capacity.

Compare all plans

Basic

$20/mo

Includes 3 published maps, 1,000 monthly views, and 1 embed origin per map.

Pro

Popular
$49/mo

Includes 15 published maps, 5,000 monthly views, and 5 embed origins per map.

Premium

$129/mo

Includes 50 published maps, 20,000 monthly views, and 20 embed origins per map.

FAQ

Common questions.

Short answers to the questions most users ask before creating their first public map.

What can I build with Surpages?
You can turn static images such as floorplans, venue maps, diagrams, store layouts, and site plans into interactive maps with markers, shapes, media, and public sharing.
Can I edit a map before paying?
Yes. Private editing is available before publishing. A paid map plan is required when you want public links, website embeds, public delivery, and usage tracking.
Are draft maps public?
No. Draft maps stay private to the owner. Public viewers see the published snapshot, so you control when edits become visible.
Can I embed a public map on any site?
Embeds use configured allowed origins. Public map links can be opened directly, while third-party website embeds must be authorized for that map.
Does Surpages support large floorplans?
Normal image maps work across plans. Higher-resolution floorplans and diagrams are available on supported paid plans for maps that need more detail.

Build your first interactive map today.

Create your first map privately, then publish or embed when the content is ready for viewers.