Docs Archive - Page 9 of 12 - WP Maps Pro

#1 WordPress Map Plugin for Store Locator, Business Listing, Event Locator and many more.

Download Now

Archives: Docs

Sometimes users try to scroll the page and reach Google Maps they start dragging the map instead of a scrolling page. Since the map takes up almost all of the screen they are locked on the map and are not able to scroll further down the page.

To disable the map draggable option on google maps please do the following steps:

Step 1 Go to Add Map or Manage Maps > Edit Map page.

Step 2 Tick the Map Draggable option in the Enter Map information section.

Disable Map Drag WP MAPS PRO

Step 3 Click Save Map and see the changes.

When you are using Google Maps on your website it will override the scroll mouse event and act as the zoom on the maps. This feature makes it really easy to zoom on a certain position on the map, you just hover over the location and use your mouse wheel to zoom in or out. But this causes a problem when you have a large or full-screen map, as you scroll on the page the map will zoom out, making it difficult to scroll on the page using the mouse wheel.

Disable the mouse scroll wheel in Google Maps

Step 1 Go to Add Map or Manage Maps > Edit Map page.

Step 2 Check the box of the Turn Off Scrolling Wheel option in the Enter Map information section.

How to disable mouse scroll wheel in the map Wpmapspro

Step 3 Click Save Map and see the changes.

You can see the map mouse wheel scrolling zoom is disabled now.

There are four types of maps available within the Google Maps. The following map types are available in the Maps:

  • Roadmap: Displays the default road map view. This is the default map type.
  • Satellite: Satellite displays Google Earth satellite images.
  • Hybrid: Displays a mixture of normal and satellite views.
  • Terrain: Displays a physical map based on terrain information.

Change Google Maps Type

Let’s learn how to change map type:

Step 1 Go to Add Map or Manage Maps > Edit Map page.

Step 2 Select Map Type from the Drop down list in the Enter Map information section.

How to change a map type WP Maps Pro

Step 3 Click Save Map and see the changes.

Assigning multiple categories to a single location on Google Maps is simple and straightforward. To do this, just follow these steps:

Step 1 Go to “Add or Edit Location“, enter the title, address, and all the details, and save it. Then you can assign your multiple categories to that location.

Step 2  simply scroll down to the Apply Marker Category section on the same page and select which categories are most applicable to this specific spot.

Add-multiple categories in location WP Maps Pro

Step 3 Then adjust it and add additional categories from the drop-down menu. Finally click “Save Location” to apply the changes and have your single location associated with multiple categories.

Are you looking to display listings on your site? You can do just that with paginated location listings and additional features like a search box, category filter, sorting filter, print button, and grid view. These will give visitors and customers an easy way to find exactly what they need!

Viewing listings can be done in two formats — grid or list. Grid view showcase listings in a tile style, while list view presents each listing edge to edge for easy skimming. This allows users to quickly compare results according to their needs and preferences.

Display listing

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

Step 2 Enable or tick the Display Listing option as below.

Step 3 Then Click on Save Map and open it in a browser and you’re done.

You can set the Default start and end location 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 Check the Display Tabs and Display Directions Tab inside the Display Tabs. (See Screenshot)

Step 3 Enter start and end location in Default Start Location or Default End Location Tab.

  • Start Location: The starting point of route, where the location route start from, origin city or place name.
  • End Location: The end point of the route, where the location route end, destination city, or place name.

How to set Default start and end location in the direction tab Wpmapspro

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

Now You’ll see the default directions tab result on the map.

How to set Default start and end location in the direction tab Wpmapspro

If you change the direction tabs title according to your customization Follow the below steps :

Step 1 To change your map’s Direction Tabs title, go to the Manage Maps page and select Add/Edit Map. Scroll down to the Tabs Settings section, and you’ll be able to change the directional tab titles for your map.

Step 2 To change the title of the Display Tabs and Display Directions tab, open the Display Tabs option in your settings. From there, you can check the box next to “Display Tabs” and “Display Directions Tab“.

Step 3 Change the Direction Tab Title as you want to display.

How to Change Direction Tabs Title WP Maps Pro

Step 4 Once within the settings page, adjust the Direction Tabs Title field to your desired value and hit Save Map for the changes to take effect on the frontend page.

How to Change Direction Tabs Title WP Maps Pro

Marker Cluster

The marker clustering utility helps you to manage multiple markers at different zoom levels.When a user views the map at a high zoom level, the individual markers show on the map. When the user zooms out, the markers gather together into clusters, to make viewing the map easier.
If you have a lot of markers on the map, it’s better to use Marker Cluster setting to organize them better visually.

How to use marker cluster

Follow the steps below to add a marker cluster:

Step 1 Go to Add or Edit map and scroll down to the ‘Marker Cluster Settings’ section.

Step 2 Enable the box of ‘Apply Marker Cluster’.

Step 3 Then Enable Apply Style(s) option and select any icon.(See Screenshot)

What are marker clusters and how to use Wpmapspro

Step 4 Click Save Map and open it in browser.
* Zoom out the map to see the marker cluster.The number on a cluster indicates how many markers it contains.

Cluster Frontend page

Did you know that you can personalize your Google Maps by customizing the map style to your liking? With just a few clicks, you can change the visual display of various elements like roads, parks, and built-up areas. You can even create your own custom styles for roads, labels, or geometry to give your maps a unique look and feel.

Create your own custom styles for roads, labels or geometry

Step 1 Go to Add or Edit Map and scroll down to the ‘Map Style Setting’ section.

Step 2 Select any Feature Type, Element type, and color.

  • Feature Type is used to select the geographical objects on the map, such as the road, the water, and the parks.
  • Element Type is used to target the element that is part of the geographical objects, such as the object shape, the fill, the stroke, and the object labels.

How to give a different style to your Google Map

Step 3 Save the map and open it in browser.
Below is the map you’ll create using elements.

Front Road map Wpmapspro

Change Map Theme:

This allows you to display and manage your custom map and implement your own map skin.
You can customize the style or theme of the Google maps.

Step 1 You can change the theme of the map. For this click on snazzymaps.com

Step 2 Select and click the theme you want to make change.

Step 3 Copy that JSON code from left side.

How to give a different style to your Google Map Wpmapspro

Step 4 Go to Add or Edit Map and Scroll down to ‘Map Style Setting’ section and paste it here to apply custom google maps skin.

How to give a different style to your Google Map

Step 5 Click Save Map to see the changes.
Before

Map Theme Before Wpmapspro

After

Map Theme After Wpmapspro

Google Maps is a very useful tool for both business owners and users. It helps you to find the location of any place in the world. WordPress Google Maps plugin allows you to create different maps for different purposes.

There are many types of control settings in Google Maps that can affect your site’s efficiency. In this article, we will tell you about Different types of control settings in Google Maps and how they will affect the efficiency of your website.

You can show/hide Pan Control, Zoom Control, Scale, Street View and Overview control. You can decide the position of the controls as well.

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

Control Setting Backend WP maps pro

Below is a list of the full set of controls you can use in your maps:

  1. Turn Off Zoom Control: The Zoom control displays “+” and “-” buttons for changing the zoom level of the map. This control appears by default in the top left corner of the map.
  2. Turn Off Full Screen Control: The Fullscreen control offers the option to open the map in Fullscreen mode. This control is enabled by default.
  3. Turn Off Map Type Control: The Map Type control is available in a horizontal button bar style, allowing the user to choose a map type (ROADMAP, SATELLITE). This control appears by default in the top right corner of the map.
  4. Turn Off Street View Control: The Street View control contains a Pegman icon which can be dragged onto the map to enable Street View. This control appears by default near the Top left of the map.

Step 2 Click Save Map and see the changes.

Install Plugin Now!

This plugin is exclusively available at codecanyon.net. You'll get free updates and full support to use this plugin.