Get coordinates from draw toolbar

[JessicaKnight1]

I am using the draw toolbar in my application to place a point. I'm pretty new to programming and can't seem to find any concrete way to get the x-y coordinates from that point. Can anyone point me in the right direction? Thanks.

[Anonymous User]

You will want to listen to the draw toolbar's events, such as: http://help.arcgis.com/en/webapi/javascript/arcgis/jsapi/#Draw/onDrawEnd

This sample is a good demonstration: http://help.arcgis.com/en/webapi/javascript/arcgis/jssamples/#sample/toolbar_draw

Also this one: http://help.arcgis.com/en/webapi/javascript/arcgis/jssamples/#sample/mobile_drawtoolbar

[JessicaKnight1]

What I'm trying to do is actually return the x,y coordinates in my application. Are there any samples that really illustrate doing that? As I said, I'm a programming novice and I guess I can't quite connect the dots from the documentation at the moment. Thanks.

[Anonymous User]

If you look at the first sample I linked to, find the 'addToMap' function.  This function has been connected to the toolbar's onDrawEnd event, and it illustrates how to take the resulting geometry and add it as a graphic to the map.  Within this callback function, you can access all of the properties of the geometry that was drawn on the map.

For example, in your case, if you just want to handle the x/y coordinates for point features, then try the following:

dojo.connect(toolbar,"onDrawEnd",function(geometry){
  if (geometry.type=="point")
  {
    // Do something.... 
    alert(geometry.x+", "+geometry.y);
  }
});

If you open the live sample, and execute the above code in the JavaScript console (pressing F12 will reveal the console for you in recent browsers), you should see coordinates alerted the next time you draw a point feature on the map.

At that point, you can do whatever you need to do with the coordinate values.

[JohnGravois]

mike is definitely right that using the onDrawEnd event is your best opportunity to capture the values from a sketched point.  heres a fiddle that shows how its done.

dojo.connect(tb, "onDrawEnd", writeCoordinates);
...
function writeCoordinates(geometry) {
        dojo.byId("coordinateInfo").innerHTML = "X coordinate is: " + geometry.x.toFixed(3) + ", Y coordinate is: " + geometry.y.toFixed(3);
      }
...
<span id="coordinateInfo"></span>

i adapted it from this sample...

[JessicaKnight1]

Thanks very much. I'll give that a shot!