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


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

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