Want to customize the name of your Categories tab? Here’s how: Follow these steps to change the title of the Categories tab:

Step 1 All you need to do is navigate to Add or Edit Map, then scroll down until you reach the Tabs Settings section

Step 2 Go to Display Tabs in your Settings and make sure the Display Categories Tab is enabled.

Step 3 you can modify the name of the Categories tab by selecting it and entering in your desired title. Save your changes and you’re done!

Step 4 Save the map and you will see the title of the category tab has changed on the front end.

Before displaying categories in Tabs make sure you create and assign categories to the locations(Which locations are assigned to map).

To display the category tab you can follow the below steps :

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

Step 2 Enable the Display Tabs and Display Categories Tab options inside the Display Tabs.

How to display categories in Tabs Wpmapspro

Step 3 Click on Save Map and see the tab on the frontend map page.

Now you’ll see the category tab on the map in the right top corner.

Display Category Tab on google maps wpmapspro

To display tabs on Google Maps, you will need to select from the available tabs – Category, Direction, Nearby, or Routes. After selecting one of these tabs, it will allow you to apply markers on the map in order to filter specific areas that are of interest.

Step 1 To edit a Map on the platform, start by navigating to the “Add or Edit Map” page. Scroll down to the Tabs Settings section for further details on how to customize your Map.

Step 2 To enable display tabs, select the checkbox next to the ‘Display Tabs‘ option.

How to display Tabs in Google Maps Wpmapspro

Step 3 To make your tabs visible, simply click on the ‘Save Map’ button. Your tabs will then be displayed on the map!

Street View helps you to explore world landmarks, see natural wonders, and step inside places such as museums, arenas, restaurants, or small businesses.

Note:
1. Street View images aren’t available everywhere.
2. Street view settings are applicable on one location only.

You can display street view 2 ways :

From Backend

Step 1 Go to Add or Edit Map and scroll down to ‘Street View Settings’.

Step 2 Enable the ‘Turn On Street View’ checkbox.

Turn On Street View Wpmapspro

Step 3 Click Save Map to see the changes.

How to Display Street view Wpmapspro

From Frontend

Drag Pegman to a place on the map.

How to Display Street view

The Traffic, Transit and Bicycling layers modify the base map layer to display current traffic conditions, or local Transit and Bicycling route information. These layers are available in select regions.

Traffic Layer

You can enable traffic layer over your Google Map using this wordpress plugin. The traffic layers on Google Maps exhibit real time traffic conditions for locations that support it. The Google map below shows very high traffic by black/red, yellow depicts average and green color-codes show low traffic conditions.
Follow the steps below to display traffic layer in Google map:

Step 1 Go to Add Or Edit Map and scroll down to ‘Layers Settings’ section.

Step 2 Enable or tick ‘Traffic Layer Tab’.

Step 3 Then click on Save Map.
You’ll see the traffic layer on the map.

Transit layer

The Google Maps allows you to display the public transit network of a city on your map.

Follow the steps below to display transit layer in Google map:

Step 1 Go to Add Or Manage Map and scroll down to ‘Layers Settings’ section.

Step 2 Enable or tick ‘Transit Layer Tab’.

Step 3 Then click on Save Map.
You’ll see the transit layer on the map.

Bicycling layers

Use the Bicycling layer in WP MAPS PRO plugin to find any bicycle or bike paths available. In the map depicted the bicycling routes are indicated by dark green lines and streets with these routes are shown by light green lines. Dashed lines stand for paths recommended for bicycling.
Follow the steps below to display Bicycling layer in Google map:

Step 1 Go to Add Or Manage Map and scroll down to ‘Layers Settings’ section.

Step 2 Enable or tick ‘Bicycling Layer Tab’.

Step 3 Then click on Save Map.
You’ll see the bicycling layer on the map.

Fusion Tables is a data management web application to gather, visualize, and share data tables. Follow the steps below to upload your own data to Fusion Tables and create a map!

Step 1 Click Create Fusion Table and follow all steps.(Use your CSV file)

Step 2 After follow all steps make sure that you copy Encrypted ID and table must be public.

Fusion Layer Encrypted ID Wpmapapro

Step 3 Go to Add or Edit Map and scroll down to ‘Layers Settings’ section.

Step 4 Enable ‘Fusion Table Layer’ tab and enter column name in ‘Fusion Select’ tab.

Step 5 Then Paste Encrypted id in ‘Fusion From’ tab.

How to include Fusion Table layer in your map Wpmapspro

Step 6 click on Save map.

Below is the map you’ll create using this tutorial.

Map Display Fusion Layer Wpmapspro

When using the WP MAPS PRO plugin, it is possible to display customized information messaging when a marker is clicked on Google Maps. This feature provides additional interactivity for users who are navigating and exploring maps. To display an info window when a user clicks on a point on Google Maps, you can take the following steps:

Step 1 Go to Add Map or Manage Maps > Edit Maps and scroll down to Infowindow Settings section.

Step 2 Choose Mouse Click option from Show Infowindow on dropdown.

How to show info window of map on Mouse Click Wpmapspro

Step 3 Click on Save Map and see the changes.

The WP MAPS PRO plugin makes it simple to display info windows on Google Maps when a mouse cursor hovers over a specific location. This is an ideal feature for providing more context and detail about locations, allowing viewers to quickly find out information. To show the infowindow you should take the following steps:

Step 1 Go to Add Map or Manage Maps > Edit Map and scroll down to Infowindow Settings section.

Step 2 Choose Mouse Hover option from Show Infowindow on dropdown.

How to show info window of the map on Mouse Hover Wpmapspro

Step 3 Click on Save Map and see the changes.

Sometimes we need to change the Google Maps zoom level on a marker click to navigate the location closely. This WP MAPS PRO plugin provides an easy way to change the zoom level on marker click using the following steps:

Step 1 Go to Add Map or Manage Maps > Edit Map and Scroll down to the Infowindow Settings section.

Step 2 Point to the Change Zoom on Click and select Zoom Level from the drop-down list.

How to Change zoom level of the map on marker click Wpmapspro

Step 3 Click Save Map and see the changes.

Google Maps Pro can be used to provide an interactive map experience for website visitors based on their current location. By loading the visitor’s location, it allows website visitors to easily find directions and points of interest near them. Please do with following steps:

Step 1 Go to Add or Edit Map and scroll down to the ‘Maps Center‘ section. This will allow you to customize your map with the visitor’s current location.

Step 2 To load Google Maps based on the visitor’s current location, enable the Center by Current Location checkbox.

How to load the map based on the visitor's current location Wpmapspro

Step 3 Then Save the map.

Archives: Docs

To display the category tab you can follow the below steps :

From Backend

From Frontend

Traffic Layer

Transit layer

Bicycling layers

Install Plugin Now!

Use Cases Demos

Quick Links

Live Examples