Map Hotspot Quiz

Map type

Use my own map image instead of the built-in map

Quick build (with AI)

Step 1. Copy the prompt, paste into ChatGPT or Claude, replace the topic placeholder.

Number of pins

Step 2. Paste the AI response and click Load.

Title Subtitle / Instruction

Name your categories. Pins are grouped and filtered by category. Set category colors in the Design tab.

Click the map to drop a pin. Drag to reposition.

No pins yet. Click the map or use Quick Build.

Numbered sequence mode (pins unlock in order)

Show connection lines between pins

Connection line style

Show category filter bar

Show pin labels on map

Show a hint button when a pin has a hint

Allow one retry after an incorrect answer

Show a Try again button on the completion screen

Passing score (%)

Set to 0 to hide the pass or fail line. Pins with no question are treated as information only and are left out of the score.

Completion message

Show progress and score counter

Font family Title size

28px

Subtitle size

16px

Content size

14px

Text alignment

Primary

Accent / visited

Page background

Card background

Land / region fill

Map border

Water / ocean

Each pin takes the color of its category. Name categories in the Content tab.

Corner radius

8px

Enable animations

Pin size

14px

♿ WCAG AA Included: Keyboard navigation, screen reader support, visible focus indicators, and reduced motion support are built into every export automatically.

This is a Pro Generator

You can build and preview your interaction, but exporting requires a Pro subscription.

Upgrade to Pro

Generated Code