Google Map in C#

Expand Post »

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..

ASP.NET Syntax (Toggle Plain Text)
<%@ 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>
<%@ 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>

Last edited by peter_budo; Nov 12th, 2009 at 5:57 am. Reason: Correcting code tags

Similar Threads

Google Map's new 'What's Here' functionality and SEO in Search Engine Optimization
Google map Api in PHP
How to display google map or Virtual Earth in PDA web browser in VB.NET
google map or image on form along zoomin zoomout in VB.NET

GradStudent

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

16 posts
since Sep 2009

Permalink

Nov 12th, 2009

Re: Google Map in C#

>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...lat-Part1.aspx

adatapost

Moderator

Reputation Points: 2136

Solved Threads: 1228

Posting Genius

Offline

6,527 posts
since Oct 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in ASP.NET Forum Timeline: File Upload Control

Next Thread in ASP.NET Forum Timeline: Strange Issues on ASP.NET App

DaniWeb Message

Cancel Changes

User Name
Password