Member Avatar for GradStudent

I am trying to develp a webpage that takes in TO and FROM Addres and displays the Google Map as well the directions.
I understand JScript helps out with the Google Map display and I played around with the URL google.maps.com to get the directions. Now my issue is I have to pass on the data from the C# to JScript and i m struck here..

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <script src="http://maps.google.com/maps?file=api&v=1
 &key=KEYS" type="text/javascript"> </script>  </head>  <body>
<form id="form1" runat="server">
<div id="map" style="width: 400px; height: 300px; margin-top: 48px;"></div>  <script type="text/javascript">
        //<![CDATA[
        var x = -83.022206;
        var y = 39.998264;
        var map = new GMap(document.getElementById("map"));
        var point1 = new GPoint(x,y);
        var marker1 = new GMarker(point1);
        map.centerAndZoom(point1, 3);
        map.addOverlay(marker1);
        //Add Zoom in Zoom out
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        //Add Marker
        var point = new GPoint(-83.015522, 40.002068);
        var marker = new GMarker(point);
        map.addOverlay(marker);
         //]]>
    </script>
    <div id="Div1" style="width: 400px; height: 97px; margin-top: 48px;">&nbsp;&nbsp;&nbsp; TO&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <asp:TextBox ID="TextBox1" runat="server" style="width: 128px; margin-right: 49px"></asp:TextBox>  <br />
&nbsp;&nbsp;&nbsp; FROM&nbsp;<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
  <br /> <asp:Button ID="Button1" runat="server" Height="34px" style="margin-left: 39px" 
            Text="Button" Width="167px" onclick="Button1_Click" />
  <br /> <asp:GridView runat = server ID = "gridview" 
    onselectedindexchanged="gridview_SelectedIndexChanged" AutoGenerateColumns = "false">
<Columns> <asp:TemplateField>    <ItemTemplate>
      <asp:Label ID="Label1" runat ="server" Text ='<% #Eval("value") %>' >
      </asp:Label>
      </ItemTemplate>  </asp:TemplateField>  </Columns>     </asp:GridView>  </div> </form>  </body> </html>
Edited by peter_budo because: Correcting code tags
  • 2 Contributors
  • 1 Reply
  • 381 Views
  • 23 Hours Discussion Span
  • Latest Post Latest Post by kvprajapati
Member Avatar for kvprajapati

>Now my issue is I have to pass on the data from the C# to JScript and i m struck here..

Use GMap asp.net control.

SUMMARY: A custom server control wrapper for the Google Maps API. Developed for ASP.Net using C#, JavaScript, and XSL. The GMap control makes using Google Maps easy for .Net developers; allowing them to interact with Google Maps using standard .Net language

Take a look at an article - http://www.codeproject.com/KB/custom-controls/LatLaysFlat-Part1.aspx

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.