Arrow Symbol not align to right direction

ShaikhRizuan — Sat, 27 Oct 2018 11:33:26 GMT

Hi,

I am trying the plot the arrow symbols along the direction of the line, but its not working properly. PFB image

one arrow symbols shows correct direction but other do not, PFB code for getting the angle:

//Create Line from two points

var line = new Polyline();
line.addPath([pt1,pt]);
var lineGraphics = map.graphics.add(new Graphic(line,lineSymbol ));
lineGraphics.setGeometry(line);

//Get mid point of a line
var midPoint = lineGraphics._extent.getCenter();

//Get angle for the line
var angle = this._getAngle(lineGraphics.geometry.paths[0][0],lineGraphics.geometry.paths[0][1]);
var picSymbol= new PictureMarkerSymbol();
picSymbol.setUrl("css/images/filled-arrow.png");
picSymbol.setHeight(12);
picSymbol.setWidth(12)
picSymbol.setAngle(angle);
map.graphics.add(new Graphic(midPoint,picSymbol));

/////////////////////////////////////////////////////////

_getAngle:function(p1,p2){
var srtPnt = p2[1]-p1[1];
var endPnt= p2[0]-p1[0];
var angle =((180/Math.PI)* Math.atan2(srtPnt,endPnt));
return angle-180;
}

What changes need to be done to get proper angle?

Regards,

Shaikh

topic Arrow Symbol not align to right direction in ArcGIS JavaScript Maps SDK Questions

Arrow Symbol not align to right direction