United States Map

Create your own custom map! Add colors, popups, markers, links, and more.

 

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

Region fill color
Hover effect color

Click on the map or choose from the list to add a link or text to a tooltip.

Double-click to add a point. Click and hold to drag. Double-click to edit.

Check all added features: pop-ups, links, etc.

Content Display Mode *: Show content in tooltips when hovering Show content in a side panel after clicking

* Demo of content display modes. Actual settings are in the WP plugin and in embedded maps.
Embed interactive maps on your website – choose your platform
WordPress Plugin
Install our easy-to-use plugin with a fully visual admin panel.
For WordPress-based sites
Widget (Embed Code)
Copy and paste embed code — no file uploads required.
For site builders like Wix, Weebly, Godaddy, etc.
JavaScript/CSS
Full control for advanced users who prefer self-hosted scripts.
For custom-coded or other platforms
1 Buy a license or download the WP demo plugin
  • Check out all the features of the US map for WordPress
  • Compatible with any WP theme and page builder
  • Support included
2 Download map settings
3 How to install
  • Choose in WordPress: “Plugins” - “Add new” - “Upload”, and select the plugin’s ZIP file
  • On the “Maps” page in the plugin settings, click “Import” and select the JSON file with the settings
4 Support
  • Guidelines and a contact form are available on the Support page


1 Create your account with Fla-shop Embedded Maps
  • Registration is free and requires no credit card.
  • Access our entire map collection with easy embedding — no file uploads required.
2 Customize your map
  • Personalize your map with colors, links, content, and markers.
3 Publish to generate your embed code
  • Publish your map to get your embed code. On the Free plan, trial publish is available for testing.
4 Test embedding on your website
  • Embed the code on your site to see your interactive map in action. The trial mode lasts for a limited time.
5 Choose your plan
  • Upgrade to a paid plan for permanent embedding, or stick with Free if embedding isn’t needed.


1 Buy a license or download the JS demo map
  • Compatible with most popular CMSs (Squarespace, Shopify, Joomla!, Drupal, etc.)
  • Support included
2 How to install
  • The downloaded ZIP file contains the JS/CSS files that are required to upload to the website.
  • Installation instructions for different CMSs can be found on the Support page.

Already installed the map on the website?


Export the map as an image

Export the map in .PNG format for use in presentations, etc.

Import

Import JSON or 'settings.js' file

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

Video Guide

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?

Map settings are stored via web storage, which is located in the browser and is designed to store data (localStorage). This does not use cookies and does not send any data to our server.

If you are clearing history and site data in your browser, the settings will be reset.

If you use the browser in incognito mode, the settings will also not be saved when you close the window. In this case, you can export the settings to a JSON file on the Export tab after editing, and then import the file when needed.