How to Display a Responsive Vector Map in WordPress

In the past, adding a vector map to a WordPress site was a complicated task. Editing vector files, using APIs, or installing JavaScript libraries, adding a responsive map quickly became complicated. There were a small handful of map plugins, but none Marshall Islands B2B List did the job without a lot of configuration, or even API connections. How to Display a Responsive Vector Map in WordPress

But now there’s an excellent (and free!) plugin that does a nice job of vector mapping; it’s called Interactive Geo Maps. Creating a map of world subdivisions or a map of a specific country with Interactive Geo Maps is easy. You can do it in 15 minutes, without APIs or fiddling with extra scripts. How to Display a Responsive Vector Map in WordPress.

Use of Interactive Geographical Maps

You can customize the appearance of regions, add tooltips, and even add URLs to regions to make them clickable. Let’s walk through the steps of creating a map so you can see how it works. Installing the Interactive Geo Maps plugin Nothing unusual here, just follow the usual plugin installation steps. Login to your WordPress admin panel.

In the left navigation column, hover over the “Plugins” link and click the “Add New” link. Although these are the only steps required, we will also add markers to highlight specific locations within a region. Let’s start.

Installing the Interactive Geo Maps Plugin

 Marshall Islands B2B List

Create a new map In the left navigation column, hover over the “Maps” link and click the “Add New” link. As you will notice, there are at least two versions of most cards, “High” and “Low”. This refers to the detail contained in the map image. The “High” version of the map requires a larger file than the “Low” version. So of course the “High” image will take longer to load.

You’ll have to decide how to balance the details against the performance of your maps. A busy site or a site with a lot of mobile traffic will benefit from using smaller (“Low”) files. For this demonstration, I will be using “World Great Lakes Ultra”. The “Ultra” files are even larger than the “High” files, but since it’s not a live site, that’s fine.

Leave a comment

Your email address will not be published.