Mapping Google Maps in SharePoint 2010 List Data (Part 1)

Mapping Google Maps in SharePoint 2010 list data can be an enormous benefit to any company.  It can be used for a number of things, including but not limited to asset management, inventory, oil rigs, company locations, contact information, etc.  If you would like to geographically plot anything that resides in a SharePoint list, you can do so by integrating the jQuery SPServices plugin with the Google Maps API.  This is the first of many articles explaining the process of plotting SharePoint List data using the Google Maps API.

The first step in this process is to download:

  1. The jQuery JavaScript file 
  2. The SPServices plugin

You will need to upload the jQuery file and the SPServices file to your SharePoint site, so that they can be referenced, thereby enabling any jQuery and SPServices scripting to be processed correctly.  Navigate to your top-level site and upload the jQuery and SPServices files into a document library of your choosing.  Now, you need to reference both files in your masterpage.  Edit your masterpage using SharePoint Designer, and find the following line of code:

<SharePoint:ULSClientConfig runat=”server”/>

Immediately after this line of code, place the following line of code, referencing your jQuery and SPServices files.

<script type=”text/javascript” src=”http://yourserver/yourdoclibrary/yourjQueryfile.js”></script>
<script type=”text/javascript” src=”http://yourserver/yourdoclibrary/yourSPServicesfile.js”></script>

Save your masterpage, and check it in (if needed).

Now all of your SharePoint pages can use jQuery scripting and SPServices.

Next week we will create our list that will contain our plotting data.

December 27, 2012

Questions?

Email [email protected] with any questions you have pertaining to this course.

Follow Dynamics 101



About D101 Academy

Dynamics101.com is a Rand Group Knowledge Center intended to provide our clients, and the Microsoft community, with on-demand training.

Should you require personalized support for your business, Rand Group offers a variety of Business Advantage support plans to fit your business' needs.

View Rand Group's Microsoft support options.

top
New CPE Accredited Courses Now Available for Dynamics AX, GP, and NAVEARN CREDITS TODAY