How to add a Google Map to a SharePoint Server 2010 page


1.   Open Google Maps page.
2.   In the Text Box, enter the address you want to display.
3.   Click on the Link button above the map on the right.
4.   Click on the Customize and preview embedded map link located on the bottom.
5.   A second Google Maps window will now open. This window will provide you with some options for customizing the map view.
6.   Select the appropriate or custom map size you wish to display on your Web page.
7.   Copy the HTML map link code contained in Section 3 at the bottom of the page.

1.   Open your SharePoint collection.
2.   Select the page in your site where you will be placing the map.
3.   From the Site Actions drop down menu, select Edit Page.
4.   Place the cursor in the page where you want to add a Content Editor Web Part.
5.   In  the ribbon, click on the Insert tab -> Click the Web Part.
6.   Click the Media and Content category, and then click Content Editor.
7.   Click Add.
8.   In the Content Editor Web Part, click Click here to add new content.
9.   In the Format Text tab of the ribbon, click HTML, and then click Edit HTML Source.
10.  In the HTML Source window, paste the code for the embeddable map, and then click OK.
11.  On the Page tab on the ribbon, click Save & Close.

Comments