Google map in SharePoint 2010 content editor web part


In this article we will be seeing how to embed the Google map in SharePoint 2010.

Steps Involved:

  • Go to Google maps http://maps.google.co.in/maps
  • On the right hand side you could see Link, click on that.

    GoogleMap1.gif
     
  • Click on the Customize and preview embedded map link.

    GoogleMap2.gif
     
  • You could customize the map size by changing the width and height.

    GoogleMap3.gif
     
  • Copy the HTML code from the section 3.

    GoogleMap4.gif
     
  • Go to the SharePoint site.
  • Go to Site Actions => Edit Page => Editing Tools => Insert => Web Part.

    GoogleMap5.gif
     
  • Go to Categories => Media and Content => Content Editor Web Part => Click on Add.
  • Edit the web part.
  • Click on "Click here to add new content".

    GoogleMap6.gif
     
  • In the ribbon go to Editing Tools => Format Text => Layout Tab => HTML => Edit HTML source.

    GoogleMap7.gif
     
  • Paste the HTML code that we have copied.
  • Click on Ok.
  • Google map is successfully added to the SharePoint 2010 Content editor web part.

    GoogleMap8.gif