Difference between revisions of "Google Maps"

From SchoolsWiki
Jump to: navigation, search
Line 3: Line 3:
  
  
1) Enable the plugin '''Unfiltered MU'''
+
# 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.  
+
# 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.
+
# 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
 
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>
 
<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>

Revision as of 10:17, 4 February 2015

Adding a Google Map to your Blog

  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>