How To Add Google Map In WordPress

Google Map In WordPress

Today Google map is used almost everywhere. Most of business and nonbusiness websites use google map across the web for their visitors to helping them visualize and remember places.

 

Here are two methods for use Google Map into WordPress.

 

  • Embedded map manually.

  • Add map via plugins.

 

1) Embedded map manually

 

In this method, you have to search location from Google Map website. Then just click on SHARE button from left panel as displayed in below image.

Embedded Map Manually

=> Click on Embed Map tab from the popup and copy embed code from a textbox.

Embed code from text-box

=> Copy embed code into any post and page.    

Embed Code

=> If you want multiple locations on the map then you should login to google account.

Then go to Google Map website and click on Your Place option from left panel.

Your Place Option

=> Then go to Maps tab and click on Create Map link. Now a new window will open. Give your map a title and description, then click "Save".

Create Map Link

=> Now click on Add Marker option for add marker of location that you want. You can add multiple markers. You can also search location through the search box.

Add Marker Option

=> Now click on the share button and change access to the public from who has access option.

Sharing Setting

=> Now click on 3 dot option and select Embed on my site option. Now copy the embed code and put it on any post or page.

Embed on my site option

2) Add map via plugins

 

You can also use google map via plugins. There are many plugins available for adding google map.

Here are some plugins that you can use:

  • WP Google Maps

  • WP Google Map Plugin

  • MapPress Easy Google Maps Etc.

 

Here we use WP Google Map plugin for adding Google Map to pages and posts.

You can also put multiple markers on the map by it.

 

=> First download, install and activate the plugin.

=> Click on Maps option from the admin menu.

=> Now you need API key for access google map.(You should login to your google account.)

=> Click on Create an API key now (free) link for creating API key.

Create an API key

=> Now select create project option and click on Create button. Then you should create API key, name your API key and select HTTP referrers option and add your site URL, this will provide security to your API key for access only to specifics site that you add. Click on create button now an API key popup open. Copy API key and use it in the plugin.

Create Project Option
API Manager

=> Now next move to edit existing map according to your requirement. Go to maps menu from admin dashboard, there you find already a map with My first map name. Copy map shortcode and put it on any post and page to show map.

My first map

=> If you want to add more location to map then you have to edit the map and add a marker or right-click on a map.

=> You can also edit and delete markers from Your Markers option.

location to map

Hope this helps you well, feel free to add your comments/feedbacks and need more assistance regarding WordPress services, Hire WordPress Developer to be in touch.