WP google map plugin provides shortcodes which helpful for a non-programmer and programmer to display maps dynamically. You can display map in frontend 2 types:

1. Using Generated shortcode

Copy shortcode from Manage Map page and paste it into your post or page.Have a look at their documentation:Display Map frontend

2. Using Shortcode combinations

You can also display map using shortcode combination. Below are the shortcode combinations you may use.

Display Map using latitude & longitude

[display_map width="500" height="500" zoom="5" language="en" map_type="ROADMAP" map_draggable="true" marker1="39.639538 | -101.527405 | title | infowindow message | marker category name"]
So you can display any number of markers using this shortcode.

Single Location:

[display_map marker1="39.639538 | -101.527405 | hello world | This is first marker's info window message | category"]

Multiple Locations:

[display_map marker1="39.639538 | -101.527405" marker2="39.027719|-111.546936"]

Let’s take an example with two location’s using latitude and longtitude.

Step 1 Go to Posts or Pages from dashboard and write code as below.

Map Shortcode Wp Maps Pro

Step 2 click on “update” or “Publish” to see the changes.
Then you will see locations display in map.

What are the different Short-codes to display a map in front-end

Display Map using Address

Standard format for shortcode is as below.

[display_map width="500" height="500" zoom="5" language="en" map_type="ROADMAP" map_draggable="true" scroll_wheel="true"
address1="New Delhi, india | title | infowindow message | marker category name"]

Below are few examples to understand it better.

Single Location:

[display_map address1="New Delhi, india | hello world | This is first marker's info window message | category"]

Multiple Locations:

[display_map address1="New Delhi, India" address2="Mumbai, India"]

Let’s take an example with one location’s using address.

Step 1 Go to Posts or Pages from dashboard and write code as below

What are the different Short-codes to display a map in front-end Wpmapspro

Step 2 click on “update” or “Publish” to see the changes.
Now you’ll see location display in map.

What are the different Short-codes to display a map in front-end Wpmapspro

Related Tutorials:

Was this article helpful?
YesNo