✕

Interactive Map of United Kingdom Counties

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

 
01

Color your map

Pick a color, then click areas to paint them.

Select colors, then click on areas 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 areas.

You can also click areas 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
Lifetime license
JavaScript/CSS
Self-hosted map scripts for advanced users.
For custom-coded websites and other platforms
Lifetime license

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.

UK Map for WordPress

Get the UK WordPress plugin with a lifetime license.

Purchase the lifetime license for the UK WordPress plugin. Buy lifetime license

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 UK map for WordPress.
  • Compatible with any WordPress theme and page builder.
  • Guidelines and a contact form are available on the Support page.

UK Map (JavaScript/CSS)

Get the UK self-hosted map with a lifetime license.

Purchase the lifetime license for the UK self-hosted map. Buy lifetime license

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 areas on the map.
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 UK map details.
Customize your map with colors, links, markers — then easily embed it into your site.

Use Cases and Applications

Interactive maps of UK are used across industries to visualize regional data, improve navigation, and engage users. Common applications include:

  • Business directories: Highlight service areas or office locations by county.
  • Educational projects: Create visual aids for geography or history lessons.
  • Election results: Display political data by county with interactive popups.
  • Real estate: Show regional property coverage or pricing trends.
  • Travel and tourism: Mark regions with attractions or guided tours.
  • Healthcare & NGOs: Visualize service zones and outreach programs.

Custom maps bring your data to life and make it more accessible.

Map Usage Applications

Product Versions for Different Platforms

We offer the interactive United Kingdom map in three formats, so you can choose what works best for your site:

WordPress Plugin
For WordPress websites. Configure everything from your admin panel — no coding needed.
Widget (Embed Code)
No coding required. Use the online editor to manage colors, tooltips, and links — then embed via iframe into any website builder.
JavaScript/CSS
Download ZIP files. Flexible settings in settings.js and optional JS API. Ideal for developers and advanced users.
Choose the Right Map Solution for Your Website

Related maps

Frequently Asked Questions

What can I customize in the online editor?

You can change colors, add custom links, tooltips, and markers. The visual editor lets you configure each county without touching code.

What's the difference between the versions?

The plugin is for WordPress, the JS/CSS version is self-hosted and developer-friendly, and the embedded map works everywhere via iframe.

Each version suits different technical needs and website platforms.

How do I install the map on my site?

For embedded maps, copy and paste the iframe code.

WordPress users install the plugin; developers upload files and initialize the script.

Are the maps mobile-friendly?

Yes, all versions are responsive and work on smartphones and tablets. They adapt to different screen sizes automatically.

Is the service GDPR compliant?

Yes, the maps do not collect personal data or use cookies. You can use them safely on EU and UK websites.