There are many options to choose from when you are looking to add a map to your WordPress website. There are even free options for plugins that use Google Maps.
However, the problem with many of the existing WordPress map plugins and free options is the lack of customization available to you.
In order to fit a map into your website and perform specific functions, you will need a plugin that allows you to customize all aspects of the map. The .
Navigate down to Europe and you will find the abbreviations for Italy and Spain which are IT and ES.
So, to create a interactive region for Italy, type in IT in the Region Code field.
Next, we are going to add a title. The title will be displayed when the user hovers their mouse over the country on the map. In this case, we’ll use Italy.
Next, we are going to add Capital: Rome in the Tooltip section. The tooltip text will appear under the title.
Finally, we are going to add in the Action Value. We will add a URL to this field, linking to a website which will be opened when the region is clicked.
We want the Italy Wikipedia page to open up in a new window when the country is clicked, so we’ll add that link in the Action Value field.
When you click the Add button on the far right of the editor, you will see in the preview that Italy is now highlighted. You can follow similar steps to make an interactive region for any other country.
To see the map creation process in action, check out the video below.
Adding the Map to Your Website
A WordPress shortcode can embed files or create objects that would normally require lots of complicated code in just one line.
The Interactive World Maps plugin makes use of these shortcodes to make it easy to add a map to your website. To get a shortcode for a specific map, click on the Create Map button on the left-hand side of the map editor under Visual Settings.
A shortcode will appear at the top of the editor—copy this shortcode to your editor to your clipboard.
Next, head on over to a new page or post. In the page or post editor, paste the shortcode in and click the Preview button on the right-hand side of the editor. The map that you have just created will now be visible on your page or post.
Watch the video below to see how to add the map to a WordPress post or page.
The Interactive Map WordPress plugin gives you the ability to create and customize an interactive map and place it on your WordPress site for an affordable price. In this plugin, you learned one way to create a map using the plugin.
To give this plugin a try, head over to CodeCanyon and check out the live preview of the Interactive Map plugin.
And while you’re here, check out some of the other great WordPress plugins available from CodeCanyon.
10 Best WordPress Slider & Carousel Plugins of 2019
20 Best WPBakery Page Builder (Visual Composer) Addons & Plugins of 2019
8 Best WordPress Booking and Reservation Plugins
Lorca Lokassa Sa
6 Best Weather WordPress Widgets & Plugins