topic Re: Reg: Displaying measurement value as we digitize in ArcGIS JavaScript Maps SDK Questions

Reg: Displaying measurement value as we digitize

VikramS — Fri, 31 Jan 2014 03:56:20 GMT

Hello all ,

Is it possible to display the values as we digitize line or polygon . Has any one done like this before in Javascript ..

Any ideas how to achieve it ?

Thanks

Re: Reg: Displaying measurement value as we digitize

ShaunWeston — Mon, 17 Feb 2014 06:16:10 GMT

You mean displaying the distance of the line / area of the polygon as you move it?

Yeah this can be done. I've done it in Flex and Silverlight before anyway. Have a look at this one in Flex - http://test1.ecan.govt.nz/ViewerDemonstrations/index.html?config=config-drawing.xml

When start digitising a line it says how long it is. Maybe look at the code for that to get some ideas. You just need to listen to mouse movements and query the geometry service to update dynamic text.

Re: Reg: Displaying measurement value as we digitize

ManishkumarPatel — Sun, 12 Dec 2021 07:24:39 GMT

Hi Vikram,

I have implemented similar functionality where in I calculate the measurement progressively while drawing graphics.

You will have to combine Map Click and Mouse Move evnt to get the X Y co-ordinates and you can use the geometry service to calculate the Distance as required.

Below code for reference:

clickedPointsArr = [];
        draw_mapOnClick = map.on("click", getmappoints);
 totalsegmentlength = 0;
linelenMouseEvt = dojo.connect(map, "onMouseMove", function (evt) {
 if (clickedPointsArr.length > 0) {
                var distParams = new esri.tasks.DistanceParameters();
                distParams.distanceUnit = esri.tasks.GeometryService[dojo.byId("draw_PerimeterUnitDrpDwn").value];

                distParams.geometry1 = clickedPointsArr[clickedPointsArr.length - 1];
                distParams.geometry2 = mp;
                distParams.geodesic = true;

               
                gsvc.distance(distParams, function (distance) {
                    dojo.byId("draw_AreaTxtBx").value = parseFloat(distance).toFixed(2);  //last drawn segment length
                    lastdrawnsegmentlength = distance;
                    totalsegmentlength = previousSegmentLength;
                    totalsegmentlength = totalsegmentlength + lastdrawnsegmentlength;
                    dojo.byId("draw_PerimeterTxtBx").value = parseFloat(totalsegmentlength).toFixed(2);  //total segment length
                }); 

function getmappoints(evt) {
    try { 
        clickedPointsArr.push(evt.mapPoint);
        if (clickedPointsArr.length > 1) {
            previousSegmentLength = totalsegmentlength;   }
    } catch (e) {
        var err = e;
    }
}

Regards,
Manish Patel