Plot Path utilising Google Map JavaScript API Part 1

This item recounts how to contrive route on Google chart utilising array of latitude & longitude points.
Top of Form
Introduction
I was looking for some cipher which drags Google co-ordinates (latitude & longitude) from database and contrive the respective route on my Google map. So I revised the Google Map JavaScript API and applied a function which reads the GPS co-ordinates from a ASP.NET Data Table and plots the route on page_load event.
Background
You may mention to this item for rudimentary data about each function in Google Map JavaScript API.
Using the Code
I was adept to contrive the route between just two co-ordinates effortlessly, utilising one of Google JavaScript API function. There are numerous articles on CodeProject which provided me a good comprehending of how the Google Map JavaScript API works. However, there was no item I discovered which drags sequence of co-ordinates from a database or datatable and plots a relentless route on the run. I have clarified in steps how to manage the identical as below:
Step - 1
Create a Default.aspx sheet with the next content:
Collapse


Plot Path Demo Using Google Map JavaScript API v3


Let me interpret in short how the Google Map JavaScript API works in here. First, we add Google API JavaScript Reference in head tag:
Collapse

Then, you location a impede grade component like div on the sheet, where you desire the map to be shown:
Collapse

Next, add a JavaScript function on onload event of html body tag as below:
Collapse

Step - 2
Create a class GPSLib.cs Under App_Code book or directions & conceive the next function. I have announced the function and respective class (GPSLib) as static so it can be accessed exactly without conceiving any object.
Collapse
public static String PlotGPSPoints(DataTable tblPoints)
{
try
{
String Locations = "";
String sJScript = "";
int i = 0;
foreach (DataRow r in tblPoints.Rows)
{
// bypass empty lines
if (r["latitude"].ToString().Trim().Length == 0)
continue;

string Latitude = r["latitude"].ToString();
string Longitude = r["longitude"].ToString();

// conceive a line of JavaScript for marker on map for this record
Locations += Environment.NewLine + @"
path.push(new google.maps.LatLng(" + Latitude + ", " + Longitude + @"));

var marker" + i.ToString() + @" = new google.maps.Marker({
position: new google.maps.LatLng
(" + Latitude + ", " + Longitude + @"),
title: '#' + path.getLength(),
map: map
});";
i++;
}

// assemble the last script
sJScript = @"

var poly;
var map;

function initialize() {
var cmloc = new google.maps.LatLng
(33.779005, -118.178985);
var myOptions = {
zoom: 11,
center: cmloc,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map
(document.getElementById('map_canvas'), myOptions);

var polyOptions = {
strokeColor: 'blue',
strokeOpacity: 0.5,
strokeWeight: 3
}
poly = new google.maps.Polyline(polyOptions);
poly.setMap(map);

var route = poly.getPath();

" + Locations + @"
}
";
return sJScript;
}
catch (Exception ex)
{
throw ex;
}
}