14500+ website owners are using this wordpress map plugin

Buy Now - $89

Topic: General

You can create unlimited google maps with our plugin. You just need to assign the already created locations to the map and provide some basic information about map that’s it, you will get a shortcode of the map at the end, which you can paste inside the content editor of any post / page / cpt to display our map.

How to create a google map

Step 1 Go to our WP MAPS PRO > Add Map plugin menu.

Step 2 Enter the Map title, width, height, zoom level, and other general information. You’ll see lots of options here which you can configure according to your requirements.

How to create a map Wpmapspro

  • Map Title: This will appear as the title of the map in your blog/ website frontend page. (Mandatory)
  • Map Width: This is the width of the map. (e.g 500).
  • Map Height: Sets the height of the map. (Mandatory)
  • Map Zoom Level: Sets the various levels at which the map can be zoomed. The default zoom level is set to 0.
  • Map Type: WP MAPS PRO provides four types of maps, Select any Map type which you want to display on your site.

Assign locations to map

Now you have to add locations to your map. Scroll down to the Assign Locations To Map section of the same window and select locations.

Add Map Choose Location Wpmapspro plugin

Infowindow Message for locations

Now you can update your locations infowindow skin. Scroll down to the Infowindow Message for Locations section of the same window and select infowindow skin(Default skin is by default selected). You can also update your infowindow HTML content using their editor.

Add Map Choose Location Wpmapspro plugin

Display Locations Listing Below the Map

Now you can display locations listing below the map. Scroll down to the Listing Settings section of the same window and check the Display Listing option.

Add Map Choose Location Wpmapspro plugin

Update Listing Item Skin

Now you can update your listing skin. Scroll down to the Listing Item Skin section of the same window and select listing skin(Default skin is by default selected). You can also update your listing HTML content using their editor.

Now click on Save Map. All the maps you created will be displayed on the Manage Map page.

From the Manage Map page, please copy your map Shortcode and paste it into your post / page / cpt in the content section. Now view your post/page/cpt frontend page. you can see your created google map on that page.

The WP Google Maps plugin provides users the ability to assign permission levels for controlling locations, categories, routes, and maps. This makes it much easier to monitor who has access to which maps and gives administrators more control over the content on their site. By assigning permissions, users can ensure that only those with the appropriate privileges have access to sensitive information.

Step 1 To do this, simply go to the Manage Permissions tab in the WP Maps Pro, then select or deselect the checkboxes for each permission that requires adjustment.

How to assign permission to users in google map WP Maps pro

Step 2 When you are done making changes, click ‘Save Permissions‘ to save your changes.

You can keep backup of all map data in .sql file and use that to import your data backup if something goes wrong or you lost any data. You can use .sql file to transfer your map data from one domain to another domain as well. Your backup will be store at Manage Backup where you can import it very easily if data is accidentally deleted.

Backup of your plugin

To take a backup of your plugin you should do following steps :

Step 1 Go to Manage Backup Page and click on a ‘Plugin Backup’.

How to take a backup of your plugin Wpmapspro

It will take all backup of your plugin.

Step 2 Then Go to ‘Manage Backup’ Section of same page to see the backup of your plugin.

How to take a backup of your plugin

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

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

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.

Before importing your backup file, make sure that you have created a plugin Backup. This allows you to easily transfer the backup without needing to manually configure settings and data. After creating the plugin Backup, you can now import the backup and begin using its contents.

If you have a backup of your files, it’s easy to import them into your computer. Just follow these steps:

Step 1 To import your backup, navigate to the Manage Backups page and scroll down until you find the ‘Manage Backup’ section. From there, you can select the option to import your backup.

Step 2 To import your backup, click the ‘import’ button.

How to import your backup Wpmapspro

If you are using WP Maps Pro as your main plugin for viewing and creating maps, it is quite straightforward to change the language on your Google Maps. To do this, go to Settings within the plugin and the click map language tab. Here you can select from a list of languages, which will then be applied to all your maps.

To change the language of your map you should do the following steps :

Step 1 To change the language of Google Maps, navigate to the Settings page.

Step 2 To change the language of your Google Maps, locate the ‘Map Language’ tab and select your desired language from the dropdown list.

how-to-change-language-in-a-map

Step 3 Click on the Save Setting button to confirm your choice.

Install Plugin Now!

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