WP Google Maps WordPress Plugin Guide

Posted OnApr 30, 2014     CategoryPlugins     CommentsNo comment

In this article, we will look at installing and configuring the WP Google Maps Plugin.

Step 1) Login to the Dashboard

Step 2) Click on the Plugins section on the Left Sidebar

Google Maps - Step 2

Step 3) Click on “Add New”

Google Maps - Step 3

Step 4) Type “WP Google Maps” into the search box

Google Maps - Step 4

Step 5) Scroll down to “WP Google Maps” and click Install Now

Google Maps - Step 5

Step 6) On the next page, click “Activate”

Google Maps - Step 6

Great stuff! You’ve activated the WP Google Maps Plugin and now you’re ready to start implementing Google Maps into the content throughout your site…

Step 7) On the Left-hand sidebar, click on “Maps” to be taken to the Google Maps information page. Click “Settings” to be taken to the page where you can adjust the settings of your maps to get them looking as great as possible on your site.

Google Maps - Step 7

Step 8) On the Map Settings page, you can enable or disable various features that Google Maps uses, including StreetView, the Zoom and Pan controls, changing the type of map (satellite, road, etc.) and double click zooming. The more of these features you disable, the more basic your map will be. Save your settings when you’re done.

Google Maps - Step 8

Step 9) On the left-hand sidebar, click “Maps” and then when the two options of “Maps” and “Settings” come up, click on “Maps”. This will take you through to the Dashboard where you can create, edit and monitor the maps you have created using the Plugin.

Google Maps - Step 9

Step 10) On the “My Maps” page, click on “Edit” under “My First Map” to take you through to the “Map Settings” page

Google Maps - Step 10

Step 11) On the General Settings page, fill out the details of your map – including the Width and Height you want your map to be once embedded in your page, and check out how the map will look below. Don’t forget to save your map when you’re done. The shortcode that is generated when you create your map can then be pasted into the code of any page you need it to be.

Google Maps - Step 11

Step 12) By choosing to pay the $14.99 to upgrade to Pro, you can enable directions to be added to your map, which is extremely useful but not essential. It depends on the individual webmaster and what they feel the needs of their customers will be in terms of how specific the Google Map will be.

Google Maps - Step 12

Step 13) You can enable a store locator, which will show the user exactly how far they are away from your store at any given time.

Google Maps - Step 13

Step 14) The majority of the advanced settings come with the Pro Version. If you have purchased that version, you can add a lot more specific features to the maps, including adding images to your markers and listing them in categories to make for a more varied and detailed map. It can also be used to allow for users locations to show on the map as they are looking at it, which is useful if they were making a journey to that location whilst on your site.

Google Maps - Step 20

Step 15) Once your settings are in place, you can add markers, advanced markers (with different images to make them stand out), polygons and polylines to give users a map that functions well and shows them exactly where they need to be going when they visit the map section of your site.

Google Maps - Step 15

Google Maps - Step 16

Google Maps - Step 17

Google Maps - Step 18

Step 16) Last but not least, remember to save your maps!

Google Maps - Step 14

Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend