CAEN Knowledge Base
CAEN Knowledge Base

Note: For updates from the College about resources for learning, teaching and working remotely due to the COVID-19 pandemic, visit: covid-19.engin.umich.edu


Enter your question or keyword below to search our knowledge base. At any time, you can click the Blue button in the bottom-right corner of the page to open a Live Chat session with a CAEN consultant. If no consultant is available, you will be prompted to submit an offline message, and the next available consultant will contact you at the email address you provide.

How do I embed a Google Map into a page in WordPress?

Embedding a Standard Google Map

1. Go to Google Maps and search for the address of the location you wish to display.

2. When the map appears, click on the Share button located just under your search result.

3. Click on the Embed map tab and copy the code in the box. You can use the drop-down menu to change the size of the map which will update the code in the box:

                                                                                                                               

4. Paste the code into the area you would like the map to be displayed on your site under the Text tab.

5. Click on the Save Draft, Update, or Publish button.

For more information, refer to the main Google Maps Help page.


Embedding a Custom Google Map

1. Go to Google Maps Engine and select Create a new map or Open a map if you've already created one.

2. After your map is loaded, click Share in the upper left hand corner.

                                                                                                                                     

3. A Sharing Settings window will appear where you can select who can see your map. Make sure "Public on the web" is chosen. If another setting is chosen, click Change and select "Public on the web" and click Save.

4. Once you have closed out of the Sharing window, click the ellipsis and select the "Embed on my site" option from the drop-down menu. An "Embed this map" window will appear with HTML code for your map. Copy this code.

                                                                                                                               

5. Paste the code into the area you would like the map to be displayed on your site under the Text tab.

6. Click on the Save Draft, Update, or Publish button.

For more information, refer to the Google Maps Engine Help page.