SIGN UP MEMBER LOGIN:    
ARTICLE

Google map in SharePoint 2010 content editor web part

Posted by Vijai Anand Articles | SharePoint 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
share this article :
post comment
 
Become a Sponsor
PREMIUM SPONSORS
  • Get 2 Months Free of ASP.NET Hosting for Only $4.95/month! Receive FREE MS SQL and MySQL Databases Including ASP.NET 4/3.5, MVC 3.0, Silverlight 4, Windows 2008/IIS 7.0 Plus FREE IIS 7 Modules. Host UNLIMITED ASP.NET Web Sites - Click Here!
    Get 2 Months Free of ASP.NET Hosting for Only $4.95/month! Receive FREE MS SQL and MySQL Databases Including ASP.NET 4/3.5, MVC 3.0, Silverlight 4, Windows 2008/IIS 7.0 Plus FREE IIS 7 Modules. Host UNLIMITED ASP.NET Web Sites - Click Here!
Team Foundation Server Hosting
Become a Sponsor