In the WP MAPS PRO plugin, metabox is used to assign the post / page to a map by creating a location using google map enabled textbox. Our plugin’s native metabox is by default visible on post / page and custom post type screen. But you can hide our meta box from any screen in the back-end by two ways:

From Posts or Pages

Step 1 Go to Posts > Add New or Pages > Add New or any custom post type screen’s Add New screen in the dashboard.
Step 2 You need to use the screen options at the top of the posts/pages and uncheck WP MAPS PRO checkboxes from selected screens.

Then you’ll see that metabox is now hidden for the selected screens in the back-end.

From Plugin Setting

Step 1 Go to WP MAPS PRO > PLUGIN SETTINGS.
Step 2 Under Meta Box Settings section, uncheck the checkboxes of all those backend screens where you want to hide the metabox created by our plugin and is not relevant to that screen. Keep the meta box visible on only those screens for which you want to display their information on the on map. It can be post / custom post / pages.

How to hide metabox from post and pages

Step 3 Then click on Save Settings button. Now you’ll see that metabox is now hidden from the selected backend screens.

By the help of WP Google map plugin you can easily display map in frontend using shortcode. When you create a map a shortcode automatically generate in manage map page. Use this shortcode to display map in frontend.

Display Map in frontend

Step 1 Go to Manage Maps page , a window will appear that contains all map that you created.
Step 2 Copy the shortcode of your map.

How to Display map in frontend Wpmapspro

Step 3 Put the shortcode of the map on page or post where you want to display google maps.

Shortcode Paste Wpmapspro

Step 4 Click “Publish” or “Update” button. Below is the map you’ll create using this tutorial.

Frontend Map Wpmapspro

A Circle on a map will highlight a location , which covers the entire area defined as location.This tutorial will show how to Display a circle around the center location to highlight center location.

Step 1 Go to Add or Edit Map and scroll down to ‘Map’s Center’ section.
Step 2(Optional) Assign center latitude and longitude to the map. By default, center location is automatically calculated based on locations assigned to the map.
Step 3 Then Enable ‘Display Circle’ tab to display circle around center location.

How to display a circle radius around the center location Wpmapspro

Step 4 Then click on Save map.

Now you’ll see circle around center location.

How to display a circle radius around the center location

The content of each listing in the item can be altered using certain placeholders. Extra fields can be displayed by inserting {extra_field_name} into the text, and custom fields created for the list can be featured by adding {%custom-fields-name%}.

How to use listing placeholder

Step 1 Go to Add or Edit Map and scroll down to the Listing Settings section.

Then enable the Display Listing option.

Step 2 Then navigate to Listing Item Skin and add your extra field.

Step 3 Click on Save Map and open it in a browser. You’ll see extra fields added to the listing.

Are you looking for a way to print out your listing of the map? Look no further! This tutorial will walk you through the steps to easily print your full map listing. Just follow the simple instructions and you’ll be able to print out your listings in no time.

Step 1 Go to Add or Edit Map and scroll down to the Listing Settings section.

Step 2 Enable the Display Print Option inside the Display Listing tab.

Step 3 Save the map and open it in a browser.

You’ll see the print option on the map and click to print.

To change the title of the route tab, Please follow the below steps :

Step 1 Go to WP MAPS PRO > Manage Maps plugin menu. Edit the map on which route is already assigned. Scroll down to the Tabs Settings section.

Step 2 Enable the Display Route Tab checkbox inside the Display Tabs section.

Step 3 Now enter the updated Route Tab title in the Route Tab Title textbox in order to display it on the route tab on the map.

Change Route Title WP Maps Pro

Step 4 Scroll down a bit, click on the Save Map button and re-open the page in browser that contains the map.

You will see the route map title has been changed for your map.

Map Title Display WP Maps Pro

With the help of the WP MAPS PRO plugin, you can display not one, instead multiple routes on your map. To add a route tab in the map, please do with following steps:

Step 1 Go to WP MAPS PRO > Add MAP or WP MAPS PRO > MANAGE MAPS > Edit screen.

Step 2 Then scroll down to the Route Direction Settings section. Here you will see a list of all the routes that you have created with our plugin. You can choose and assign as may routes as you want on the current map.

Route Direction Wpmapspro

Step 4 Scroll down a bit, click on Save Map button & open the page that contains the map shortcode.

You’ll see the all the routes that you assigned are displaying on the map.

Display Route tab

You can display nearby places around a location on the WP MAPS PRO plugin using the nearby tab. You will be able to search for places nearby, like places to eat and drink, airports, and other places of interest in WP MAPS PRO.

Display Nearby locations

Step 1 Go to Manage Maps Page, now Add/Edit Map, and scroll down to the Tabs Settings section.

Step 2 Enable Display Tabs and Display Nearby Tab and select amenities according to your choice as below.

How to display Nearby locations using tabs settings Wpmapspro

Step 3 Then click on the Save Map and open your frontend map page.

You’ll see the following nearby tab on the map.

How to display Nearby locations using tabs settings Wpmapspro

Want to know how to hide the locations of categories in tab settings? Here’s what you need to do Follow the steps below for a seamless process:

Step 1 Start by heading over to the Manage Maps page. Scroll down until you reach the Tabs Settings section and you’ll be able to add or edit your map as needed. There, you can easily hide the location of any category in your Tab Settings.

Step 2 Go to the Display Tabs section and enable both the ‘Display Tabs’ option and the ‘Display Categories Tab’ option. After this is done, you will be able to easily hide the category locations from being visible.

Step 3 Then check the Hide Locations tab. (see screenshot)

How to hide locations of categories in tabs settings

Step 4 Open the frontend map page and select the “Save Map” option. Once you have saved the map.

Now You’ll see locations hidden from the categories tab.

How to hide locations of categories in tabs settings Wpmapspro

You can display directions between two locations over google maps using the direction tab.

Step 1: Go to Manage Maps Page, Now Add/Edit Map, and scroll down to the Tabs Settings section.

Step 2: Enable the Display Tabs and Display Directions Tab box inside the display tabs. (See screenshot)

How to Display Directions using tabs settings Wpmapspro

Step 3: Then Click on Save Map and open the frontend map page.

Step 4: Add the Start Location and End Location from frontend on the direction tab and click to Find Direction.

Now you’ll see the result of the following direction.

Display Direction Tab Wpmapspro

Archives: Docs

From Posts or Pages

From Plugin Setting

Display Map in frontend

How to use listing placeholder

Display Nearby locations

Install Plugin Now!

Use Cases Demos

Quick Links

Live Examples