How to Add Interactive Travel Maps to Your WordPress Site?3 min read

Interactive Maps are helpful to make travel plans, explore routes, and itineraries by hovering over the map and clicking on markets in this map.

Are you looking for the best educational theme for your institution? Choose Academix for WordPress.

Method 1 – Using Google My Maps

You don’t have to install any plugin on your WordPress site in this method.

  • First of all, go to Google My Maps and click “create new map” button.
  • On Edit Map page, choose base map to create maps by adding layers, points of interest, etc. You can also draw lines on map, use rulers, add routes, and choose items. It will save all the map items created by you in layers. You can rename, add, edit or delete layers.
  • Click on any item to change title, add description, or add videos/photos. Once done, make it public to use on your website.
  • Click on share button. Under the section “Who has access”, click on “Change”.
  • Select “On – Public on the web” and click Save. Close the sharing center by clicking on “Done”.
  • Click on menu icon along with map name on edit panel, choose “Embed on my site”. Now, you will see embed code which can be copied.
  • Now, go to page or post where you can add Interactive Map. Switch to text editor and paste embed code on post edit screen. Save changes and preview to see it in action.

Method 2 – Using Maps Marker Pro Plugin

Though you can add interactive maps yourself with Google Maps, it is still limited to Google Maps standards and lacks some features. This method will work if you want to use Bing, Open Street Maps or other services.

Are you looking to create responsive slideshow? Download ModuloBox lightbox plugin for WordPress.

First of all, install Maps Marker Pro plugin and activate this plugin. Maps Marker Pro is very effective and has a lot of features, such as custom markers, multi-layer maps, GPX support, directions, export maps in several formats. It can make maps even more innovative.

  • Visit Maps Marker Pro page and click on “Add New Layer” to create your interactive map.
  • Rename your layer and click on “Publish” button
  • After creating layer, you can add markers. To add first marker, go to Add New Marker under Maps Marker Pro.
  • Enter title for marker and look for location and choose it.
  • You may also want to put marker on your desired layer. Type the name of layer and choose it.
  • Be sure to click “Publish” button to save marker.
  • Add other markers with same process.
  • Edit any page or post where you can add map after adding markers.
  • Click “Add Map” button on post edit screen.
  • It will show up the popup which features all the markers and layer created before. You can choose layer and click ‘Insert Map’ button.
  • In Post Editor, add the shortcode. Save or Publish post and preview to see your map.
  • You can also adjust dimensions and map size on main layer.

You may also like our step-by-step guide that can help you add Mega Menu to your website.

Leave a Comment

Your email address will not be published. Required fields are marked *

amazon affiliate marketing

Amazon Affiliate Marketing using WordPress

Want to be your own boss? Have you heard of Amazon Affiliate Marketing? You may definitely have heard a lot of hypes about making thousands of dollars per month with affiliate marketing. Due to this reason, you might have started a review site in order to earn money.  You might be planning to buy a

Read More »
7 Pro Tasks & Plugins wordpress

7 To-Do Things if you use WordPress in 2020

If you are using WordPress or you want to use WordPress for your website. You should do these 7 Pro Tasks. After many years of working with WordPress, I found these 7 essential tasks and plugins to do with WordPress.  1. WordPress Security WordPress is an open-source platform. Millions of people are using WordPress and thousands

Read More »
Exceeds the maximum upload size for this site

Solved – Exceeds the maximum upload size for this site

This is the most common error because almost all WordPress website has an initial upload file size limit is up to 2MB.  To solve this error, we need to just increase the file size limit. For this, you have to just upload a plugin called “Tuxedo Big File Upload”. You can download this plugin from

Read More »
Error establishing a database connection

Solved – While Migration Establishing a Database Connection Problem

It is a very common problem of establishing a database connection while migrating your hosting to another hosting provider.  Why does this problem happen? If you have forgotten to upload wp-config.php file in public_html folder. If you have made a new WordPress installation in another server and forgot to change the database name, database username,

Read More »
403 Forbidden Error

How to Solve 403 Forbidden Error?

Are you seeing this error?  Is your website is not looking at all? This problem happens when your index file is deleted by any instance, plugin, hack and etc.  For this, simply download WordPress Bundle from  Open “File Manager”, if you are using FTP open “Filezilla”.  Go to the “public_html” folder.  Search Index.php, the

Read More »
Scroll to Top