✕

United States Map Editor

Color states, add details and markers, then preview your interactive map. ▶ 2-min Guide

 
01

Color your map

Pick a color, then click states to paint them.

Select colors, then click on states to fill the map . Multiple colors allowed.

Region fill color
Hover color
Hover effect color

Tip: on phones, the map stays above these controls so you can see the result as you edit.

02

Links & tooltips

Add links and tooltip text to states.

You can also click states on the map to edit their links and tooltips.

03

Add markers

Mark places on your map and add details.

How to use markers

1Place a markerDouble-click the map where you want it.
2Move a markerClick and hold it, then drag it to a new place.
3Edit a markerDouble-click it to change its details.
04

Preview your map

Check how the map looks and behaves.

Content display mode

This is a preview of display modes. Set the final mode in your WordPress plugin or Embedded Maps dashboard.

Embed interactive maps on your website – choose your platform
Widget (Embed Code)
Copy and paste embed code - no file uploads required.
For site builders like Wix, Weebly, Godaddy, etc.
from $9 / month
WordPress Plugin
Easy-to-use plugin with a visual admin panel.
For WordPress websites only
from $49 / year
JavaScript/CSS
Self-hosted map scripts for advanced users.
For custom-coded websites and other platforms
from $49 / year

Embedded Maps (Widget / Embed Code)

All plans include access to the entire map collection and map sharing. Paid plans include permanent embedding and PNG export without branding.

FREE
$0 / month
  • Store up to 5 maps
  • Trial embedding available
CREATE FREE ACCOUNT
LITE
$9 / month
  • Store up to 10 maps
  • Embed 1 map
Choose Lite
Most Popular
PRO
$29 / month
  • Store up to 30 maps
  • Embed 5 maps
Choose Pro
PRO+
$99 / month
  • Store up to 100 maps
  • Embed 25 maps
Choose Pro+
Not ready to choose a paid plan yet? Create a free account - no credit card required.

Brief Installation Guide

  1. Log in to your account and create your first map, or continue editing a map you've already created.
  2. Customize your map. Personalize your map with colors, links, content, and markers.
  3. Publish to generate your embed code.
  4. Embed the code on your site to see your interactive map in action. The trial mode lasts for a limited time.

USA Map for WordPress

Choose a Yearly or Lifetime license for the USA WordPress plugin.

YEARLY
$49/ year
  • 1 website + dev/staging websites
  • 1 year of updates & support
Choose Yearly
LIFETIME
$99one-time
  • 1 website + dev/staging websites
  • Lifetime updates & priority support
Choose Lifetime
Want to test the plugin first? Download the demo plugin.

Brief Installation Guide

  1. Install the plugin in WordPress: go to Plugins → Add New → Upload Plugin and select the plugin ZIP file.
  2. Download the JSON file with your current map settings.
  3. In the plugin, open the Maps page, click Import, and select the downloaded JSON file.

More Information

  • See all features of the USA map for WordPress.
  • Compatible with any WordPress theme and page builder.
  • Guidelines and a contact form are available on the Support page.

USA Map (JavaScript/CSS)

Choose a Yearly or Lifetime license for the USA self-hosted map.

YEARLY
$49/ year
  • 1 website + dev/staging websites
  • 1 year of updates & support
Choose Yearly
LIFETIME
$99one-time
  • 1 website + dev/staging websites
  • Lifetime updates & priority support
Choose Lifetime
Want to test the map first? Download the demo map.

Brief Installation Guide

  1. Download the ZIP file containing the JavaScript and CSS files required for the map.
  2. Upload the map files to your website and add them to the page where you want the map to appear.
  3. Installation instructions for different CMSs are available on the Support page.

Already installed the map?

  • Download the settings.js file with your current map settings and replace the existing settings file on your website.
  • Compatible with popular CMSs such as Squarespace, Shopify, Joomla!, and Drupal.
Choose a color, then click or tap states on the map.
Looking for a map of the United States for your presentations? Here is our US Map Template for PowerPoint
To edit another map, select from the list

Download PNG

Export the map as an image.

Create an account to download

Sign up for free to download your map as a PNG.

Create a free account

Already have an account? Sign in.

Share Map

Give others a link to your interactive map.

Create a free account to save and publish your map. Publishing activates its share link.

Create a free account

Already have an account? Sign in.

Embed Map

Add your interactive map to a website.

Embed codes are available to registered users. Create a free account to save and publish your map; the Free plan includes trial embedding.

Create a free account

Already have an account? Sign in.

Other ways to use this map

Get it as a WordPress plugin or a self-hosted HTML5/JS/CSS map.

View map options

Export/Import Map Settings

Download your current settings or import a saved file.

Export

Choose the file for your map platform.

Import

Load a WordPress JSON or HTML5/JS/CSS settings.js file.

Need the map package? View USA map details.

Frequently Asked Questions

What is this online map editor for?

You can use this simple online tool to create your own map of the United States. Create a map infographic for printing or presenting, or make an interactive map for a website.

How do I create a custom US map?

You can customize the map any way you want! Choose a color with the colorpicker and fill in the map by clicking on the states. In the "Markers" tab, you can add points and markers anywhere on the map. Also, points can be used to create a legend.

How do you make an interactive map of the United States?

It is easy to make the US map interactive by adding links and pop-ups. In the "Links and Tooltips" tab, you can add content for popups and links for any state. The clickable map can be tested on the "Preview" tab.

How do I edit a map online?

Editing a map online is available on this page without registration. Just open it in your browser, edit it, and download the result.

How are the settings stored in the map editor?

By default, your map settings are saved in your browser's local storage (localStorage) - no cookies are used, and no data is sent to our server. This means that if you clear your browsing data or use incognito mode, your settings will be lost. In that case, you can export your settings as a JSON file via the Get Interactive Map tab and import them later if needed.

If you create a free account for Embedded Maps through the online editor, your settings will be stored securely on our server, ensuring that your customizations persist across devices and sessions.