✕
Halloween Sale: 25% off WordPress plugins and JS/CSS maps with code HALLOWEEN

Canada Map

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.

Canada Map for WordPress

Get the Canada WordPress plugin with a lifetime license.

Purchase the lifetime license for the Canada 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

Canada Map (JavaScript/CSS)

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

Purchase the lifetime license for the Canada 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 Canada map details.

Frequently Asked Questions

How do I create an interactive Canada map?

This web application makes it easy to create an interactive Canada map. In the "Colors" tab, you can choose colors and fill each province with a different color. The "Links & Tooltips" tab allows you to add links for the provinces and create pop-up content. The "Markers" tab allows you to add markers to the map, choose marker icons, and create pop-up content with titles, links, and text. You can export the map as a PNG image for free or download a demo version of the plugin for WordPress or a JS/CSS map for any website.

How does the online editor differ from the Canada Map WordPress plugin?

The online editor provides basic customization options for provinces and markers. The Canada Map WordPress plugin, on the other hand, offers a wider range of customization options, including zooming, fonts, shadows, and more. It also provides more opportunities for creating interactive maps. For example, it allows you to show additional content when a user clicks on the map, or to integrate with popup plugins. Additionally, the plugin makes it easy to publish the map using a shortcode.

How are map settings saved in the online editor?

The map settings are saved using web storage located in the browser, which is specifically designed to store data (localStorage). This means that no data is sent to our server and no cookies are used. However, clearing the history and site data in your browser will reset the settings. If you are using incognito mode, the settings will 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 import the file when needed.