This is an incredibly useful tool, especially for those of you in the real estate industry. Here’s the basic procedure:
First, we need to grab the map.
- Define the map coordinates at the online map provider’s site
- Copy the code for an embeddable version of the map
- Paste the code into the HTML view of a Content Editor Web Part
First, we need to grab the map.
- To start the process, open Google Maps.
- In the Text Box, enter the street address you plan on displaying.
- Click on the Link button above the map on the right.
- Click on the Customize and preview embedded map link located on the bottom.
- A second Google Maps window will now open. This window will provide you with some options for customizing the map view.
- Select the appropriate or custom map size you wish to display on your Web page.
- Copy the HTML map link code contained in Section 3 at the bottom of the page.
- Open SharePoint.
- Select the page in your site where you will be placing the map.
- From the Site Actions drop down menu, select Edit Page.
- With the SharePoint page open for editing, place the cursor where you want to add a Content Editor Web Part.
- In the Editing Tools group on the ribbon, click the Insert tab.
- Click the Web Part.
- Click the Media and Content category, and then click Content Editor.
- Click Add.
- In the Content Editor Web Part, click Click here to add new content.
- In the Format Text tab of the ribbon, click HTML, and then click Edit HTML Source.
- In the HTML Source window, paste the cofe for the embeddable map, and then click OK.
- On the Page tab on the ribbon, click Save & Close.