How to Add Google Map to Pages and Posts

We’ve built a Google Map plugin into our themes. Here’s are some options of how we can make it look.

Screen Shot 2014-02-11 at 10.12.58 PMWhen inserted into columns (Step 5 below)

Screen Shot 2014-02-11 at 10.15.28 PM

1. Edit the page or post where you want to insert your google map. Place your cursor where you want your map to appear.

2. Go to your red S box in the toolbar. This displays when you have your WordPress Canvas Shortcodes plugin installed. This plugin comes prepackaged with your theme.

Screen Shot 2014-02-11 at 10.19.46 PM
3. Choose element / google map and click to insert the shortcode. The shortcode has a location parameter. Simply add your own location to this parameter. The default is set to St. Paul’s Chapel in NY. ¬†You will also see an option for zoom. This controls how zoomed in your map is. There is another option for height. You can enter a number for your height. This height is measured in pixels.

Screen Shot 2014-02-11 at 10.20.06 PM

*5. Optional. You can insert the google map into a column. Simply insert the column shortcode first, then place your map shortcode within. I achieved the two column look in the second image above via this method. I also inserted the shortcode for my contact form.

Screen Shot 2014-02-11 at 10.15.15 PM