✕

Canada Map

Create your own interactive map of Canada! Change colors, add pop-ups, markers, links, and more.

 

Select colors, then click on the map to fill it. 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
Buy now Download demo
  • Lifetime license
  • Support included
  • Compatible with any WP theme and page builder
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
Sign up for Free Log In
  • 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
Buy now Download demo
  • Lifetime license
  • Support included
  • Compatible with most popular CMS (Squarespace, Shopify, Joomla!, Drupal, etc.)
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.

Export to PNG file
Import

Import JSON or 'settings.js' file

Download map in PNG Get the interactive map
To edit another map, select from the list

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?

By default, your map settings are stored 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 such cases, you can export your settings as a JSON file via the Export tab and re-import them later.

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