How to draw the Polygon in the Google Maps

Design Side Code:-

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"

    CodeBehind="Polygon.aspx.cs" Inherits="Maps.Polygon" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&key=Need to Include API Key here"></script>

    <script type="text/javascript" src="../JavaScript/jquery.1.5.min.js"></script>

    <%--<script type="text/javascript" src="../JavaScript/jquery-1.8-ui.min.js"></script>

    <script type="text/javascript" src="../JavaScript/jquery.jqGrid.min.js"></script>

    <script type="text/javascript" src="../JavaScript/jquery.treeview.min.js"></script>

    <script type="text/javascript" src="../JavaScript/markerclusterer.js"></script>--%>

    <script type="text/javascript">

        var map;

        var MapCitys = [];

        function CreatingPolygon(GrpName, ArName) {

            $.ajax({

                type: "POST",

                contentType: "application/json; charset=utf-8",

                url: "Polygon.aspx/BindMapPoints",

                data: '{name: "' + GrpName + '",name1: "' + ArName + '" }',

                dataType: "json",

                success: function (data) {

                    var mapProp = {

                        center: new google.maps.LatLng(data.d[0].Latitude, data.d[0].Longitude),

                        zoom: 14,

                        mapTypeId: google.maps.MapTypeId.ROADMAP

                    };

                    map = new google.maps.Map(document.getElementById("idgoogleMap"), mapProp);

                    var TriangleCoordList = [];

                    for (var i = 0; i < data.d.length; i++) {

                        var triangleCoords = new google.maps.LatLng(data.d[i].Latitude, data.d[i].Longitude);

                        TriangleCoordList.push(triangleCoords);

                    }

                    bermudaTriangle = new google.maps.Polygon({

                        paths: TriangleCoordList,

                        strokeColor: "#FF0000",

                        strokeOpacity: 0.8,

                        strokeWeight: 3,

                        fillColor: "#FF0000",

                        fillOpacity: 0.35

                    });

                    bermudaTriangle.setMap(map);

                    MapCitys.push(bermudaTriangle);

                },

                error: function (result) {

                    alert("Error");

                }

            });

        };

        google.maps.event.addDomListener(window, 'load', CreatingPolygon('', ''));

    </script>

    <table width="100%">

        <tr>

            <td>

                <asp:Button runat="server" ID="btnPoly" Text="Generate Polygon" />

            </td>

        </tr>

        <tr>

            <td>

                <div id="idgoogleMap" style="width: 925px; height: 600px" />

            </td>

        </tr>

    </table>

</asp:Content>

CS File Code:-

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Web.Services;

namespace Maps

{

    public partial class Polygon : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

           

        }

        [WebMethod]

        public static MAPS[] BindMapPoints(string name, string name1)

        {

            DataSet ds = new DataSet();

            DataTable dt = new DataTable();

            List<MAPS> lstFencingCircle = new List<MAPS>();

            try

            {

               

                dt.Columns.Add("Latitude");

                dt.Columns.Add("Longitude");

                dt.Rows.Add("13.548630", "79.523961");

                dt.Rows.Add("13.559144", "79.517910");

                dt.Rows.Add("13.553345", "79.534389");

                dt.Rows.Add("13.544625", "79.540870");

                dt.Rows.Add("13.528374", "79.531707");

                foreach (DataRow dtrow in dt.Rows)

                {

                    MAPS objMAPS = new MAPS();

                    objMAPS.Latitude = dtrow["Latitude"].ToString();

                    objMAPS.Longitude = dtrow["Longitude"].ToString();

                    lstFencingCircle.Add(objMAPS);

                }

            }

            catch (Exception ex)

            {

                throw ex;

            }

            return lstFencingCircle.ToArray();

        }

        public class MAPS

        {

            public string Latitude;

            public string Longitude;

        }

    }

}