✕

India 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
Free download
JavaScript/CSS
Self-hosted map scripts for advanced users.
For custom-coded websites and other platforms
Free download

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.

India Map for WordPress

Download the India WordPress plugin for free.

Free for personal and commercial websites. Attribution is required. Download free 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

  • Compatible with any WordPress theme and page builder.
  • Guidelines and a contact form are available on the Support page.

India Map (JavaScript/CSS)

Download the India self-hosted map for free.

Free for personal and commercial websites. Attribution is required. Download free 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 India map details.
Boost your website's efficiency with our interactive map of India. Available for both WordPress and HTML sites through a plugin and JavaScript. It's easy to install, and intuitive to use. Try it today!
Use Map for Various Purposes

Our interactive map of India with clickable states is perfect for showing any geo-related info. It's customizable and provides different options to use it to the fullest. Whether personal or professional, our map plugin won't disappoint.

Use it for,

  • Showcasing locations of sales regions/dealers/representatives,
  • Visualizing statistics of the states,
  • Marking important events/business places and more.

Our India Interactive Map is not just clickable image map – it’s much more!

Map Usage Applications

Features of interactive map of India

WordPress
HTML5

Our WordPress plugin version of the Interactive Map of India is simple and functional. The easy-to-use admin panel offers a fully visual interface for map configuration – no coding required. Enjoy benefits like:

Unlimited number of maps
An unlimited number of maps with different settings
Color picker
Apply adjustable colors to states and markers
Tooltip on hover
Hover to get tooltips
Click events
Customizable click actions — links, pop-ups, and more
Contact info
Display content next to the map
Batch settings
Individual and batch settings for states
Grouping of states
Group states into regions
Marker
Map points and markers
Fonts
Customizable fonts – you choose the color, size, and font-family
Support for CSV spreadsheets
Export/import settings via CSV tables
Integration with plugins
Compatible with Popup Builder, TablePress, and others
Shortcode
Insert via shortcode into a page or post

The HTML5 version of the map is a set of JavaScript and CSS files used to embed the map into CMS websites like Joomla, Drupal, and Squarespace. You don’t need advanced coding knowledge, but basic HTML is sufficient. Features include:

SVG map
SVG-based map of India with clickable states
Mobile-friendly
Adaptive map sizing
Editing settings
Edit settings in a static file/visual editor
CSS
Use CSS to design tooltips
HTML
Use HTML within the tooltips
Color picker
Colors for states, points, and other things
Pop-up balloon with contents
Hovering to get tooltips over images and text
Opening links
Click on a state to open a link
Marker
Adding points in the visual editor
JavaScript API
Using JavaScript API for event tracking
Dynamic settings
Dynamically generating map settings
Keyless
No need for a Google API key

Map Usage Applications

Sales Regions Map
Display your representatives’ contact information by state or region
Data Visualization & Infographics
Create a heatmap or intensity map, or show popular rates, demographic information, etc.
Map with clickable states
Add links to the relevant sections or pages of the site

Frequently Asked Questions

What can I use the online map editor for?

With this tool, you can easily customize an India map for your specific needs, whether it's for print or digital media. You can create interactive maps for your website or blog or design infographics for presentations. If you need more advanced customization options, you can also download the India map plugin, which offers additional features.

What is the difference between the WordPress plugin and the HTML5 version of the map?

Both the WordPress plugin and the HTML5 version of the map are essentially the same, but the WordPress plugin comes with a user-friendly visual interface for managing map settings. You don't need any coding skills to use the plugin. On the other hand, the HTML5 version is designed for use with Joomla, Drupal, plain HTML sites, and so on, and it requires some basic HTML knowledge.

Are there any maps available other than India?

Absolutely! We offer a variety of maps including the World, United States, Canada, Australia, Brazil, Ireland, the Netherlands, and many other countries.