ARTICLE

Google map in SharePoint 2010 content editor web part

Posted by Vijai Anand Articles | SharePoint 2010 April 29, 2011
In this article we will be seeing how to embed the Google map in SharePoint 2010.
Reader Level:

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

Login to add your contents and source code to this article
post comment
     
COMMENT USING
PREMIUM SPONSORS
Over-C is a holistic consortium of communications and technology specialists. We build, deploy and market both business as well as consumer products and solutions.
Get Career Advice from Experts
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Get Career Advice from Experts