Pages

Wednesday, September 15, 2010

How to Add Google Maps in Sharepoint Site (For non-developers)

Hi


Let us talk about how we can add “Google Maps” for directing Clients, Vendors, People about where organization location is by adding that webpart without a single line of code. It is special for Non Developers of SharePoint.

Follow these steps!!

1. Open or Create a SharePoint Page where you want to add information related to "Directions" of the Organization.

2. Add a "Content Editor Webpart" to your Page by click on "Add a webpart". It will open "Webpart dialog Box”. You will find "Content Editor Webpart" under the "Miscellaneous Section". Check that and click on "Add".

3. Go to Google Maps and find the location for which you want to map the locations or give directions.

4. In the Google maps you will see one button which is named as "Link" just click on that and copy the HTML which is inside the "Paste HTML to embed in the website". Here I have taken an example of the "India” Location.

5. Add this code to Source Editor of "Content Editor Webpart".

Source Code:

<P><STRONG>India</Strong></P>

<p align="center"><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q=30.259067,76.464844&num=1&sll=20.593684,78.96288&sspn=22.024919,32.783204&ie=UTF8&ll=20.593684,78.96288&spn=30.376916,39.418945&z=5&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?q=30.259067,76.464844&num=1&sll=20.593684,78.96288&sspn=22.024919,32.783204&ie=UTF8&ll=20.593684,78.96288&spn=30.376916,39.418945&z=5&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small></p>



This is how it looks like!!





Enjoy
Disha Shah

No comments:

Post a Comment