It's All About Location - Embedding Google Maps in SharePoint

As I continue to focus on maximizing the value from tools we already have available, I thought what better than addressing the old real estate adage it's about "location, location, location".   Using SharePoint's Content Editor Web Part which is standard out of the box functionality you can easily embed a Google Map onto any page within your site.  The Google Map is a fully functional allowing for directions, various views (i.e. satellite, street, terrain) and is a nice addition to a property, office location or special event page.  In this example I'll highlight the basics of placing a single map on a SharePoint page.

  • 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
  • A small links window will appear
  • Click on the Customize and Preview Embedded Map link located at 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

 

 

  • Now it's time to open up SharePoint
  • Select the page in your site where you will be placing the map
  • From the Site Actions drop down menu select Edit Page

 

 

  • Choose the zone where you want to add the map and click on the Add a Web Part link
  • A new Add a Web Parts dialogue box will open
  • Scroll down to the Miscellaneous section and select the Content Editor Web Part
  • Click Add

  

 

  • The Content Editor Web Part will now appear on the page
  • To add your map link to the Content Editor Web Part click on the Open the Tool Pane link

  

 

  • In the Tool Pane's Content Editor section click on the Source Editor button
  • A Text Entry Dialog Window will open
  • Paste the HTML map link code information previously created from Google
  • Click Save
  • Remeber to modify the Web Part title in the Appearance section of the Tool Pane
  • Click Apply and/or Save in the Tool Pane and save your web part
  • Publish the Page

 

 

  • The Google Map is now embedded on your web page and ready to provide visitors with helpful information

  

While this is a basic example, I hope it provides more insight into other content sources that are available and can be incorporated into a SharePoint page in a short time, with limited effort and no cost.  While not exactly as satisfying as a "30 Minute Meal" it takes even less time and brings value to the table.  Somewhere down the road I'll talk about what it takes to associate Google Maps with a list adding some dynamic capabilities.


Posted 02-05-2009 2:50 PM by Sandy Jacolow

Comments

Josh T wrote re: It's All About Location - Embedding Google Maps in SharePoint
on 03-13-2009 9:31 AM

My boss has asked me to do almost this exact thing, except to make it dynamic. How can I show multiple pins on the google map based on a sharepoint list. Specifically they want to link it to a contacts list so that they can plan road trips to see customers more efficiently.

Alex wrote re: It's All About Location - Embedding Google Maps in SharePoint
on 03-18-2009 7:28 PM

The page needs to be created as a Web Part page or else there will be no Web Part zones containing the "Add Web Part" link.

If this is the case then create a new page with web parts and cut and paste the original text to somewhere on the new page.  You can then use the "Add Web Part" links.  you then ensure that the new page replaces the URL of the original.  

There may be an easier way to convert the original page to a web part page, anyone?

Thanks for the tutorial, some of the detailsed images ar a bit small for me anyhow.

how to fix bad credit wrote how to fix bad credit
on 11-14-2009 3:35 AM

So many different ideas listed here - amazing..

Inetium, LLC. Site Information