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.


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

Steps Involved:

  • Go to Google mapshttp://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