Free Open source Control

Introduction

This is second part in two part series of my article Google Maps User Control for ASP.Net. In first part Google Maps Control for ASP.Net - Part 1 I have explained how to use this control in your ASP.Net application. In this part I am going to explain source code of this user control so that you can modify it for your own use.

Diagram

Diagram above shows working flow of this user control. I will explain you one by one each element in this diagram.

ASPX page with Google Map User Control

• As I mentioned in part 1, we need to initialize few properties of this user control to make it work. These properties are initialized in Page_Load() event of ASPX page.

  protected void Page_Load(object sender, EventArgs e)
      {
          //Specify API key
          GoogleMapForASPNet1.GoogleMapObject.APIKey = 
                      ConfigurationManager.AppSettings["GoogleAPIKey"]; 
  
          //Specify width and height for map.
          GoogleMapForASPNet1.GoogleMapObject.Width = "800px"; 
          // You can also specify percentage(e.g. 80%) here
          GoogleMapForASPNet1.GoogleMapObject.Height = "600px";
  
          //Specify initial Zoom level.
          GoogleMapForASPNet1.GoogleMapObject.ZoomLevel = 14;
  
          //Specify Center Point for map. 
          GoogleMapForASPNet1.GoogleMapObject.CenterPoint = 
                          new GooglePoint("1", 43.66619, -79.44268);
  
          //Add pushpins for map.
          //This should be done with intialization of GooglePoint class.
          //In constructor of GooglePoint, First argument is ID of this pushpin. 
          //It must be unique for each pin. Type is string.
          //Second and third arguments are latitude and longitude.
          GoogleMapForASPNet1.GoogleMapObject.Points.Add(
                                  new GooglePoint("1", 43.65669, -79.45278));
        }
  

• When you initialize these properties, they gets stored in GOOGLE_MAP_OBJECT session variable. Later on this session variable is accessed by GService.asmx web service to draw google map.
• Go to source of GoogleMapForASPNet.aspx.cs file. Check Page_Load() method.

      protected void Page_Load(object sender, EventArgs e)
      {
          .
          .
          .
          if (!IsPostBack)
          {
              Session["GOOGLE_MAP_OBJECT"] = GoogleMapObject;
          }
          else
          {
              GoogleMapObject = (GoogleObject)Session["GOOGLE_MAP_OBJECT"];
              .
              .
              .
  

  
  As you can see, I am storing GoogleMapObject property in a session variable if this is a first time load of page. If this is a post back then I use existing session variable value and assign it to GoogleMapObject property.

User Control (GoogleMapForASPNet.ascx)

• GoogleMapForASPNet.ascx file contains a &ltDIV> element with ID=GoogleMap_Div. Google map is drawn on this &ltDIV> element
• GoogleMapForASPNet.ascx is responsible for calling DrawGoogleMap() javascript function on page load. If you see source of GoogleMapForASPNet.ascx.cs file, it contains following lines in Page_Load() event.

  Page.ClientScript.RegisterStartupScript(Page.GetType(), "onLoadCall", " 
                                              if (window.DrawGoogleMap) { DrawGoogleMap(); } 
                                              ");
  

  
  This causes DrawGoogleMap() function to get fired.

GoogleMapAPIWrapper.js

• This javascript acts as a wrapper between ASP.Net calls and Google Maps Core API functions.
• When DrawGoogleMap() function is called, it calls web service method GService.GetGoogleObject() to get session variable values.
• Once different parameters are retrieved from session variable, it will start calling Google Maps core API functions to draw a map.

Web Service (GService.asmx)

• As I have mentioned before, GService.GetGoogleObject() and GService.GetGoogleObjectOptimized() are functions defined in GService.asmx file.
• These functions retrieves Google Map parameters from session variable.

How to define a Web Service Method

• This control uses Web Service Methods to get values from a session variable. These methods are defined in Gservice.cs(GService.asmx code behind) file.
• Go to source of GService.cs file. Observe how GetGoogleObject() web method is defined.
  

      [WebMethod(EnableSession = true)]
      public GoogleObject GetGoogleObject()
      {
          GoogleObject objGoogle =  
              (GoogleObject)System.Web.HttpContext.Current.Session["GOOGLE_MAP_OBJECT"];
  
          System.Web.HttpContext.Current.Session["GOOGLE_MAP_OBJECT_OLD"] = 
                                                            new GoogleObject(objGoogle);
          return objGoogle;
      }
  

  
  Return value type from this method is GoogleObject.

How to call ASP.Net function (Web service method) from Javascript using a Web Service

• If you go to HTML source of GoogleMapForASPNet.ascx file, you will see that I am using <ScriptManagerProxy> control.
  
  When &ltServiceReference> is used with &ltScriptManagerProxy> or &ltScriptManager> controls, it allows you to use web service methods defined in code behind.
• Go to source of GoogleMapAPIWrapper.js file. Observe how I am calling a web service method in DrawGoogleMap() function.

  function DrawGoogleMap()
  {
      if (GBrowserIsCompatible())
      {
      map = new GMap2(document.getElementById("GoogleMap_Div"));
      geocoder = new GClientGeocoder();
    
       GService.GetGoogleObject(fGetGoogleObject);
      }
  }
  

  
  GService.GetGoogleObject() is a web service method. fGetGoogleObject() is a javascript function that should be called once web service method returns.
  

  function fGetGoogleObject(result, userContext)
  {
      map.setCenter(new GLatLng(result.CenterPoint.Latitude, 
                          result.CenterPoint.Longitude), result.ZoomLevel);
      
      if(result.ShowMapTypesControl)
      {
          map.addControl(new GMapTypeControl());
      }
      .
      .
      .
  

  
  result is return value from web service method GService.GetGoogleObject(). Thus result is of type GoogleObject. You can access properties of result in javascript to get map parameters.

Difference between GetGoogleObject() and GetGoogleObjectOptimized()

• Both of these methods work in similar fashion. GetGoogleObject() is called when page loads for first time. It returns all of the GoogleObject properties to javascript function. While GetGoogleObjectOptimized is called on postback. It does not return all of the properties. Instead it returns minimum properties required to make a change in existing map.
• If you view source of GoogleMapAPIWrapper.js file, there are two functions defined in it as below,

  function endRequestHandler(sender, args)
  {
      GService.GetOptimizedGoogleObject(fGetGoogleObjectOptimized);
  }
  function pageLoad()
  {
      if(!Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack())
          Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);
  }  
  

  
  These function causes GService.GetOptimizedGoogleObject() to get fired when an AJAX call finishes. For example let's say you have a button in an UpdatePanel. When you click it, it postbacks the page. When this postback completes, above function will get fire.

Functions defined in GoogleMapAPIWrapper.js

• To make this article short, I don't want to explain each and every function defined in this file. Instead I will explain important functions only. If you want more details for any code that's not explained here, you can post your questions in Comments section..

• function CreateMarker(point,icon1,InfoHTML,bDraggable,sTitle)
  {
      var marker;
          marker = new GMarker(point,{icon:icon1,draggable:bDraggable,title: sTitle});
      if(InfoHTML!='')
      {
          GEvent.addListener(marker, "click", function() { this.openInfoWindowHtml(InfoHTML); });
      }
          GEvent.addListener(marker, "dragend", function() {  
              GService.SetLatLon(this.value,this.getLatLng().y,this.getLatLng().x);
              RaiseEvent('PushpinMoved',this.value);  });
      return marker;
  }
  

  
  This function creates a marker on Google Map. As you can see, I am adding two events with each marker. First one is click(). When a user clicks on marker, a balloon (info window) pops up. This is a javascript event. Second one is dragend(). If a user wants he can drag a pushpin to a new location. This will cause a web method GService.SetLatLon() to get executed. This method sets new latitude and longitude values in Session Variable. As you can see this function also calls RaiseEvent() function which causes an AJAX postback.

  function RaiseEvent(pEventName,pEventValue)
  {
      document.getElementById('').value = pEventName;
      document.getElementById('').value = pEventValue;
      __doPostBack('UpdatePanel1','');
  }
  

  
  When postback finishes, new latitude and longitude values will be picked up from Session Variable.

• function RecenterAndZoom(bRecenter,result)
  

  
  This function causes Recentering of map. It finds all visible markers on map and decides center point and zoom level based on these markers.

• function CreatePolyline(points,color,width,isgeodesic)
  

  
  This function creates polylines between given points. See Polylines property in GoogleObject class.

• function CreatePolygon(points,strokecolor,strokeweight,strokeopacity,fillcolor,fillopacity)
  

  
  This function creates polygons between given points. See Polygons property in GoogleObject class.

How to define Icons for google map

• If you see implementation of fGetGoogleObject() and fGetGoogleObjectOptimized() javascript functions, you can see that I am creating custom icons for google map. This is how they are defined.

      .
      .
      myIcon_google = new GIcon(G_DEFAULT_ICON);
      markerOptions = { icon:myIcon_google };
  
      myIcon_google.iconSize = new GSize(result.Points[i].IconImageWidth,
                                          result.Points[i].IconImageHeight);
      myIcon_google.image = result.Points[i].IconImage;
      myIcon_google.shadow = result.Points[i].IconShadowImage;
      myIcon_google.shadowSize = new GSize(result.Points[i].IconShadowWidth, 
                                              result.Points[i].IconShadowHeight);
      myIcon_google.iconAnchor =  new GPoint(result.Points[i].IconAnchor_posX, 
                                          result.Points[i].IconAnchor_posY);
      myIcon_google.infoWindowAnchor = new GPoint(result.Points[i].InfoWindowAnchor_posX, 
                                      result.Points[i].InfoWindowAnchor_posY);
      .
      .
      

• There are various properties that you can set for a custom icon. Following article explains you each of these properties in detail.
  Making your own custom markers

Special Notes

I have published this article on www.codeproject.com as well. Here is the link to this article.

Google Maps Control for ASP.Net - Part 1

Comments/Questions

Comments

Add New Search

Write comment

Name: Email:   Website: Title: UBBCode:         -color-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -size-tinysmallmediumlargehuge   Please input the anti-spam code that you can read in the image.

oksi |206.186.126.xxx |2009-03-31 06:04:16 Thank you for your article and the great control. Can you please provide an example of receiving Address if you now lat and long? ReplyQuote 0 0

jim kalis |77.83.147.xxx |2009-04-20 21:58:49 Dear Shabdar, Thanks for the great control.... I've got some queries... How can I get the Latitude & Longitude of a point clicked on the map. Thanks, Jim Kalis ReplyQuote 3 0

Shabdar  - Admin |198.96.180.xxx |2009-05-07 04:49:58 jim kalis, To find latitude and longitude information when you click mouse on map, do following. Go to GoogleMapAPIWrapper.js file. Look for function DrawGoogleMap(). Add following line at the end of this function. GEvent.addListener(map,"click",MapClickFun ction); Add following function in GoogleMapAPIWrapper.js file. function MapClickFunction (overlay,latlng) { if (latlng) { alert(latlng.lat()+","+latlng.lng()); } } This will alert you latitude and longitude information whenver you click on map. ReplyQuote 0 0

chintan  - To find Area information when you click.Pls tell m |219.64.34.xxx |2009-05-21 01:47:05 Shabdar wrote: jim kalis, To find latitude and longitude information when you click mouse on map, do following. Go to GoogleMapAPIWrapper.js file. Look for function DrawGoogleMap(). Add following line at the end of this function. GEvent.addListener(map,"click",MapClickFun ction); Add following function in GoogleMapAPIWrapper.js file. function MapClickFunction (overlay,latlng) { if (latlng) { alert(latlng.lat()+","+latlng.lng()); } } This will alert you latitude and longitude information whenver you click on map. ReplyQuote 0 1

roshan  - programmer |86.96.227.xxx |2010-01-11 01:33:31 how can i get the latitide and longtitude information when i click on the pushpins ReplyQuote 0 0

chintan  - To find Area information when you click |219.64.34.xxx |2009-05-21 01:49:03 Pls tell me if i click one particular area in say mumbai than how to get that area name. ReplyQuote 0 0

Shabdar  - admin |198.96.180.xxx |2009-05-21 03:55:18 To get area name(or address) where you click map, first you need to find latitude and longitude where you have clicked. See my previous post on how to find this point(latitude/longitude). Then you need to do reverse geocoding of this point. Go to following link and download reverse geocoding javascript library http://www.zeali.net/zpages/Google_Maps_API_Rev... Study examples on above site to know how to geocode a latitude and longitude information. That will give you full address of the place where you have clicked on the map. ReplyQuote 0 0

chintan  - Re: To find Area information when you |219.64.34.xxx |2009-05-21 23:22:24 First of all gr8 application to work with.Thanks for this. I went thr the link mentioned where i found they are doing reverse geocoding with javascript.But this reverse geocoding info is not available for India. Is there way out to get area information by applying patch in javascript of this application. ReplyQuote 0 1

Rajni  - Error in js file method: GBrowserIsCompatible() |125.19.11.xxx |2009-05-21 22:56:36 Hi, very nice article, i am using this control and follow the steps which u defined in part1 but browser is not showing anything. there is blank page. Please Help me. For that i copied js file into my project but now it gives me error in js method: GBrowserIsCompatible(). please help me. ReplyQuote 0 0

Dima  - Fixes |213.33.221.xxx |2009-05-24 03:39:55 Hi! I have really enjoyed the control, but I've also made some changes, maybe usable for others. 1. First of all, I moved GMap control initialization from script body to initialize function, which is fired by body onload event. This change prevents web request hanging with Firefox browser and adds compatibility with MS IE 6.0. Don't forget to modify your body tag to launch GUnload on unload event and Initialize() on load - I did it using body tag runat="server" attribute and custom attribute adding in the control initialization itself. 2. I've also found some odd code (commented) - it prevented me from using outer icons: public string IconImage { get { return _icon; } set { //Get physical path of icon image. Necessary for Bitmap object. /*string sIconImage = value; if (sIconImage == "") return; string ImageIconPhysicalPath = cCommon.GetLocalPath() + sIconImage.Replace("/", "\\"); //Find width and height of icon using Bitmap image. using (System.Drawing.Image img = System.Drawing.Image.FromFile(ImageIconPhysicalPat h)) { IconImageWidth = img.Width; IconImageHeight = img.Height; } _icon = cCommon.GetHttpURL() + sIconImage; */ _icon = value; } } Anyway, the control is great and helpful! Kind regards, Dmitry ReplyQuote 1 0

ipaman |96.10.249.xxx |2009-06-18 04:15:43 is there a way to capture a double click or a right-mouse event so I can bring up a menu for the user to select? I want to have a handler method on my code-behind that can get these events. Thx, ipaman ReplyQuote 0 0

Tommy  - Map Boundary |208.110.214.xxx |2009-06-30 06:32:26 Terrific tools. A question, is there any way I can get boundary of map? There is only center point property of map control. How can I get to know the boundary coordinates?Anyone? Thanks ReplyQuote 0 0

Paul Johnston  - One little question |194.106.151.xxx |2009-07-06 22:18:49 Hi this is a fantastic example for using google maps in asp well done. i am using a map which refreshes the puspins every 10 seconds for a db. the only thing is that when it refreshes it returns to the original center and zoom level. i have tried without success to fix this any tips thanks Paul ReplyQuote 0 0

ashraf tammam  - Draggable |217.52.250.xxx |2009-07-13 05:44:52 Hello i tried to change .draggable property for a displayed marker. it is not working till i changeth altitude of this marker. any fix ?????? regards ReplyQuote 0 0

ashraf tammam |217.52.250.xxx |2009-07-13 05:46:02 Hello i tried to change .draggable property for a displayed marker. it is not working till i changed the latitude of this marker. any fix ?????? regards ReplyQuote 0 0

Vincent Blain  - Dev |209.78.110.xxx |2009-08-03 16:14:19 Google Driving Directions GoogleMapForASPNet.asx line 281 add if (result.ShowDirections) { //Direction gdir = new GDirections(map, document.getElementById("directions_canvas" ;)); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsErrors); gdir.load("from: " + result.Directions.FromAddress + " to: " + result.Directions.ToAddress, { "locale": result.Directions.Locale }); } Line 436 add function onGDirectionsErrors() { if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS) alert("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " + gdir.getStatus().code); else if (gdir.getStatus().code == G_GEO_SERVER_ERROR) alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code); else if (gdir.getStatus().code == G_GEO_MISSING_QUERY) alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code); // else if (gdir.getStatus().code == G_UNAVAILABLE_ADDRESS) ReplyQuote 0 0

Vincent Blain  - dev |209.78.110.xxx |2009-08-03 16:27:18 part 2 else if (gdir.getStatus().code == G_GEO_SERVER_ERROR) alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code); else if (gdir.getStatus().code == G_GEO_MISSING_QUERY) alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code); // else if (gdir.getStatus().code == G_UNAVAILABLE_ADDRESS) ReplyQuote 0 0

Vincent Blain |209.78.110.xxx |2009-08-03 16:29:52 part 2 (ignore previous) else if (gdir.getStatus().code == G_GEO_BAD_KEY) alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code); else if (gdir.getStatus().code == G_GEO_BAD_REQUEST) alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code); else alert("An unknown error occurred."); } ReplyQuote 0 0

Vincent Blain |209.78.110.xxx |2009-08-03 16:30:16 part 2 (ignore previous) else if (gdir.getStatus().code == G_GEO_BAD_KEY) alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code); else if (gdir.getStatus().code == G_GEO_BAD_REQUEST) alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code); else alert("An unknown error occurred."); } ReplyQuote 0 1

Vincent Blain |209.78.110.xxx |2009-08-03 16:30:45 part 2 (ignore previous) else if (gdir.getStatus().code == G_GEO_BAD_KEY) alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code); else if (gdir.getStatus().code == G_GEO_BAD_REQUEST) alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code); else alert("An unknown error occurred."); } ReplyQuote 0 0

Vincent Blain |209.78.110.xxx |2009-08-03 16:36:36 part 2 (ignore previous) else if (gdir.getStatus().code == G_GEO_BAD_KEY) alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code); else if (gdir.getStatus().code == G_GEO_BAD_REQUEST) alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code); else alert("An unknown error occurred."); } ReplyQuote 0 2

Robert  - Multiple maps interfering? |87.208.108.xxx |2009-08-24 07:20:41 Hi Shabdar, Started using this control. must say; great work. Have translated it to vb.net, and stil works super. I only have one problem: when i open a second map, that has different tagprefix, or tagname, and different ID, it still seems to manipulate pointers or other properties on the already open map. The id`s of the two maps are different in de aspx file, but when i draw for example polylines in the newly opened map, (different aspx file, new map, other id) it also shows in the already opened one. Is this something formiliar, or am i doing something wrong? Regards, Robert ReplyQuote 2 0

Andrew  - Multiple maps interfering? 2 |146.176.163.xxx |2009-09-16 07:04:57 Hi Shabdar, Thanks for nice control! I have similar problem as Robert but I have this control on separate pages and they influence each other when browsing. Is it possible to get access to this map through javascript from page source (.aspx)? Kind regards, Andrew ReplyQuote 1 0

Andrew  - Center |146.176.163.xxx |2009-09-16 07:29:25 And another problem I found :( when I would like to center in some place and then I put a marker in there marker appear in wrong place (upper left corner) ReplyQuote 0 0

Nagendra  - Onclick create Pinpoints |125.63.77.xxx |2009-10-12 08:58:48 Hi, Its really Good Usercontrol for Google Map implementation. I need to create pin points onclick of map (on some location) and if he clicks on one more location there also i need to create pin p[oint and i have to show the direction also. can you reply ,how can i do this Thanks in advance Nagendra ReplyQuote 0 0

Nagendra  - Creating pinpoints |125.63.77.xxx |2009-10-12 09:00:42 Hi, Its really Good Usercontrol for Google Map implementation. I need to create pin points onclick of map (on some location) and if he clicks on one more location there also i need to create pin p[oint and i have to show the direction also. can you reply ,how can i do this Thanks in advance Nagendra ReplyQuote 0 0

Pat Clifford  - Rendering GoogleMapControl inside a table |194.106.44.xxx |2009-10-20 10:41:08 Hi Shabdar, Great control, just wondering if you have come across the following issue when rendering the control inside a . The Map overlay does not fill the entire GoogleMapControl. Code that follows will reproduce this: Simple Google Map Back Simple Google Map ReplyQuote 0 0

Pat Clifford |194.106.44.xxx |2009-10-20 10:46:01 " " ReplyQuote 0 0

Pat Clifford  - Rendering Googlemapcontrol inside |194.106.44.xxx |2009-10-20 10:43:51 Hi Shabdar, Here is the code: Simple Google Map Back Simple Google Map ReplyQuote 0 0

Pat Clifford |194.106.44.xxx |2009-10-20 10:49:09 Code: Simple Google Map Back Simple Google Map ReplyQuote 0 0

Pat Clifford  - re: |194.106.44.xxx |2009-10-20 10:49:51 Pat Clifford wrote: " Simple Google Map Back Simple Google Map " ReplyQuote 0 0

Pierre Maroun |199.243.239.xxx |2009-10-29 12:05:45 Please shabdar I need to unsubscribe from the forums, i receive to many emails (cc) with question and no answers so not useful for me!! Thank you anyway ReplyQuote 0 0

Shabdar  - admin |198.96.180.xxx |2009-10-29 12:32:59 You don't seem to be subscribed for email. Where did you post your question? This page or some other page? I need to know that in order to unsubscribe you completely. ReplyQuote 0 0

Belma  - help about gmap error message |217.64.209.xxx |2009-11-12 08:35:39 Hi, I keep getting the below stated error for my data and am helpless looking for solutions. Do you have any idea? The server method 'GetGoogleObject' failed with the following error: System.InvalidOperationException--Maximum length exceeded. If you can help me I would really appreciate it. Thanks, Belma ReplyQuote 2 0

Peter James |75.158.104.xxx |2009-11-14 16:16:45 Great article, really useful. I am maintaining a website written in VB.net. Converting to C# is not an option. I need to add the ability to access Google maps and add push pins to it. I have converted your code to VB but am having problems. When the Page Load event is called I get a Object reference not set to an instance of an object when I try to use the GoogleMapForASPNet1 object. Obviously I need to set a reference to it, but where? Thanks ReplyQuote 0 1

Girish  - How to integrate this function in javascript?? |116.72.253.xxx |2009-11-18 00:06:26 Hi to All, I got the source for drawing the arrowIcon image on the polyline on site http://www.econym.org.uk/gmap/example_arrows.htm It contains following javascript :: WHICH WE CAN VIEW ON PAGE SOURCE. ////////////////////////////////////////////////// //////////// I want to integrate functions in that javascript in our control's javascript GoogleMapAPIWrapper.js so that we can draw the polyline with arrow head image. I want to achieve directed polyline on google map. Please reply me ho we can achive this. ................. Regards, Girish ReplyQuote 0 0

Shabdar  - admin |198.96.180.xxx |2009-11-18 09:41:32 Hi Girish This is great work, you can add your custom javascript code to draw arrows in GoogleMapAPIWrapper.js file under fGetGoogleObject() function. Please add your custom code at the end of fGetGoogleObject() function. ReplyQuote 0 0

Girish  - reminder: How to integrate this function in javasc |116.72.253.xxx |2009-11-18 05:15:35 Girish wrote: Hi to All, I got the source for drawing the arrowIcon image on the polyline on site http://www.econym.org.uk/gmap/example_arrows.htm It contains following javascript :: WHICH WE CAN VIEW ON PAGE SOURCE. ////////////////////////////////////////////////// //////////// I want to integrate functions in that javascript in our control's javascript GoogleMapAPIWrapper.js so that we can draw the polyline with arrow head image. I want to achieve directed polyline on google map. Please reply me ho we can achive this. ................. Regards, Girish ReplyQuote 0 0

Jeff  - hideventsname |24.73.60.xxx |2009-12-01 18:19:39 I saw the above msg referencing the same issue I am running into. When i compile your project I recv errors that hidEventname and hiEventValue do not exist in the current context. The msg above refers to the fact that the code has been fixed. Where do I obtain the latest code? The release I havehas files dated as currently as September 2009. Am I missing something? ReplyQuote 0 0

Peter  - MarkerClusterer in control |194.78.28.xxx |2009-12-03 09:42:36 Dear Shabdar, The user control is really great!!! Is it possible to add clustering of markers to the control, like the library MarkerClusterer (part of the Google Maps Open Source Utility Library) does? This would be a very nice feature and would improve the usability of the map. Lot's of thanks! Peter ReplyQuote 0 0

Jim |82.141.234.xxx |2009-12-15 10:42:52 Hi, I had to rebuild my hard drive and since then I can't get the API to work. I've restored my back ups and installed ajax. When I open my site I get the following error in .net development tool. Warning 1 'GooglePoint' overrides Object.Equals(object o) but does not override Object.GetHashCode() C:\Documents and Settings\jim\My Documents\Visual Studio 2005\Projects\GoogleMapOnlineTrack\App _Code\cGoogleMap.cs 262 14 C:\...\Goog leMapOnlineTrack\ Any ideas what I'm missing? Thanks,Jim ReplyQuote 0 0

Tobias Andersson |85.231.131.xxx |2010-01-15 19:07:08 Hi, Thanks for a great control! I'm trying to understand the source code. (I have not programmed javascript before) Could someone explain to me how to interpret: GService.GetGoogleObject(fGetGoogleObject); with 'fGetGoogleObject' defined as: function fGetGoogleObject(result, userContext) The 'GService.GetGoogleObject()' does not even take any arguments... I'm confused. Thanks /Tobias ReplyQuote 0 0

Sajid  - Software Engineer |212.118.142.xxx |2010-01-17 09:20:39 Hi Shabdar, Thats great work. Apart am badly looking for two things 1) A polyline direction between the start and end car markers. 2) How to add a car with its number attached with the image. Is this possible with the GoogleMapAPIWrapper.js file functions available in version 1.5? I would appreciate your sincere effort in providing me with peace of help. thanks & regards Sajid ReplyQuote 0 0

yatin  - issue with google map control |59.145.122.xxx |2010-02-03 03:23:56 hi i am getting Gservice is not defined javascript error when running the project ne ideas? ReplyQuote 0 0

Robert  - re: Multiple maps interfering? 2 |87.208.108.xxx |2010-02-03 03:50:09 Hi Andrew, Did you ever managed to get this fixed? I didnt anyway.. so i`m curious if you could. Regards! Andrew wrote: Hi Shabdar, Thanks for nice control! I have similar problem as Robert but I have this control on separate pages and they influence each other when browsing. Is it possible to get access to this map through javascript from page source (.aspx)? Kind regards, Andrew ReplyQuote 0 0

Anjum Rizwi  - 'GService' is undefined |198.96.180.xxx |2010-02-26 05:25:30 Excellent article. I have used this in DotNetNuke project. Everything is working fine without Update panel. When I included UpdatePanle with the way u suggested. I am getting error. 'GService' is undefined. I have add one more property to support to support the alphabate icon URL in GooglePoint class. Code: string iconUrlTemplate = "http://chart.apis.google.com/chart?chst=d_map _pin_letter&chld={0}|{1}|{2}"; string iconUrl = string.Empty; Control code behind: int asciiCode = (int)'A'; string bgColor = "8EC8DE"; string textColor = "000000"; if (!isDisplayLetter) textColor = bgColor; GooglePoint gpOriginCity = new GooglePoint(); gpOriginCity.IconUrl = string.Format(gpOriginCity.IconUrlTemplate, Convert.ToChar(asciiCode++), bgColor, textColor); Hope it helps to other. ReplyQuote 0 0

Shabdar  - admin |198.96.180.xxx |2010-02-26 10:30:13 This control do not support Ajax Update Panel. You can not place it inside Update Panel. This is limitation from Google Map. ReplyQuote 0 0

Saxxon |85.236.236.xxx |2010-03-09 05:17:48 is your GooglePoint class missing the following? public override int GetHashCode() { return base.GetHashCode(); } ReplyQuote 0 0

nano  - thanks |190.104.4.xxx |2010-03-12 03:34:39 Very good project, thanks a lot. ReplyQuote 1 0

vijay  - re: thanks |123.176.39.xxx |2010-04-15 01:31:44 How to create matkers using create marker function in APIwrapper without using GooglePoint. Please help ReplyQuote 0 0

Developer |117.195.7.xxx |2010-04-17 11:54:12 This article is very useful..bt i also hav some queries..this control is very useful to find distance between the two points and it shows tht on map...but how can i get that distance in a variable and retrieve it in a label on aspx page without loading/displaying a map?? ReplyQuote 0 0

conrad  - Custom Icons don't show in IFRAME |207.47.114.xxx |2010-05-17 15:47:08 I am loading the Google Maps solution thgrough an IFRAM and the cusomt icon's don't show. I load the same map outside of the IFRAME and the custom icons show. Is this a known issue? -Conrad ReplyQuote 0 0

Daryl  - Error getgoogleobject |80.101.138.xxx |2010-05-20 16:07:04 Hi Folks, On some pc's i get the error: The server method GetGoogleObject failed with the folowing error: -- There was an error processing the request. Randomly happens on pc's which have the exact same browser version/security level as on other pc's where it does work! Kind of a big problem as i finalized the program, only to discover it's useless for so many pc's :( Link: http://locator.stoepje.biz Thanks! ReplyQuote 0 0

snow  - Zoomlevel not working |86.96.229.xxx |2010-05-24 02:32:33 Hi , I wnat to zoom maximum on click. on page load when i define GoogleMapForASPNet1.GoogleMapObject.ZoomLevel = 7; but on click event of button I want zoom level of map to be maximum. I written this code under click event GooglePoint GP = new GooglePoint(); GP.ID = "2"; GP.Latitude =Convert.ToDouble(reader["Y"].ToString()); GP.Longitude = Convert.ToDouble(reader["X"].ToString()); ; GoogleMapForASPNet2.GoogleMapObject.AutomaticBound aryAndZoom = false; GoogleMapForASPNet2.GoogleMapObject.ZoomLevel = 19; GoogleMapForASPNet2.GoogleMapObject.Points.Add(GP) ; but it does not zoom to maximum always display at level of 14 only which is not maximum. ReplyQuote 1 0

Anonymous |115.242.106.xxx |2010-06-11 06:47:46 How to add two maps on single page?? ReplyQuote 0 0

Borno Md. Imtiaz Sayeed  -  open infoHtml for last inserted push point |180.234.136.xxx |2010-06-23 14:29:18 Hi, i am borno here facing some problem while trying to customize it. 1. when using timer.tick function get some new values and plot it on map, i need to open infoHtml for last inserted push point.(must without post back).in my code if i let it to do postback last pushpoints infoHtml stay open. but if i do it inside update panel last pushpoint's infohtml does not appear instead previous one stay active. 2. Multiple google map open facilities.As it use same session values overlap. I need some reply soon... thank you. ReplyQuote 0 0

Saira  - serialization error |119.160.106.xxx |2010-07-08 02:08:35 Hello Shabdar, Great project! very handy. Need your advise on a serialization error which occurs when more than 500 points are plotted. Any fix for that? Basically not more than 500 points can be mapped because of this error. 'Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property' Kindly help Thanks ReplyQuote 0 0

Ross |77.208.155.xxx |2010-07-27 10:00:54 Hi Shabdar, It's rare to find such an indepth explanation of a control on the web together with sample files. I have the contorl working well but I have a question. Is it possible to put 2 maps on one page? I thought it might simply be a matter of adding another control called GoogleMapforASPNet2 but it appears a little more complex than that. Many thanks Ross ReplyQuote 0 0

igor  - find alternative addresses |87.2.90.xxx |2010-08-18 05:14:46 If I post a wrong address, how can I find addresses similar, alternative ... exist GeocodeAddressAlternative ? tk ReplyQuote 0 0

Mike C |81.144.181.xxx |2010-08-27 06:20:00 Great control! I need to have the user control on multiple forms. On of the forms is in a subfolder and when it loads the user control appears not to render. To simulate this in your sample app I created a new folder called test and copied in the SimpleMapWithNoBubble page. I experienced the same behaviour, are there any suggetions anybody can offer? ReplyQuote 1 0

Powered by !JoomlaComment 4.0 beta2