Difference between revisions of "Google Maps"

From SchoolsWiki
Jump to: navigation, search
(Adding a Google Map to your Blog)
 
Line 2: Line 2:
 
== Adding a Google Map to your Blog ==
 
== Adding a Google Map to your Blog ==
  
 +
Worpress explicitly forbids the use of iframes within pages. They explain why (https://wordpress.org/plugins/iframe/). Now, our workaround is using a plugin (Unfiltered MU) that prevents the iframes to be filtered and removed.
  
 
# Enable the plugin '''Unfiltered MU'''
 
# Enable the plugin '''Unfiltered MU'''

Latest revision as of 10:23, 4 February 2015

Adding a Google Map to your Blog

Worpress explicitly forbids the use of iframes within pages. They explain why (https://wordpress.org/plugins/iframe/). Now, our workaround is using a plugin (Unfiltered MU) that prevents the iframes to be filtered and removed.

  1. Enable the plugin Unfiltered MU
  2. Go to Google Maps and locate your map and select the gear icon in the lower right of the screen. Select "Share and embed map" and a popup will appear. Select the Embed tab and copy the code from the box. The code will begin with <iframe.
  3. Create a Page in your blog and paste the code to the page. Save and publish your page.

Here is sample code for the Department of Education and Skills <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2381.5666006505917!2d-6.257594000000002!3d53.351014000000006!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48670e86746aa15b%3A0xad995f4745150b2e!2sDepartment+of+Education+and+Skills!5e0!3m2!1sen!2sie!4v1423044685136" width="600" height="450" frameborder="0" style="border:0"></iframe>