Add the textSymbol to the center of polyLine

SunilKalagata · ‎12-19-2014

Hi,

I would like to print a textSymbol on center of the ployLine using the Longitude and Latitude.

I Have written the below code, but Unable to print the textSymbol.

var labelGraphic = null;

var startX = lLong[0];// These are string values

var endX = lLong[lLong.length-1];

var startY= lLat[0];

var endY = lLat[lLat.length-1];

var midPointX = ((endX - startX) / 2);

var midPointY = ((endY - startY) / 2);

var font = new Font("12px", Font.STYLE_NORMAL, Font.STYLE_NULL, Font.VARIANT_NORMAL, Font.WEIGHT_NULL, "Arial");

var pipePoint = new Point(((parseFloat(lLong[0]))+midPointX ) , ((parseFloat(lLat[0]))+ midPointY), map.spatialReference);

// create a text symbol

var textSymbol = new TextSymbol("LABEL TEXT!!!", font, new Color([0, 0, 0]));

labelGraphic = new Graphic(pipePoint, textSymbol);

if (labelGraphic != null)

map.graphics.add(labelGraphic);

Please help me how to add the textSymbol to the polyline.

HeikoHeijenga · ‎12-19-2014

Try to use the midpoint formula:

(this of course only works if you're dealing with straight lines)

SunilKalagata · ‎12-22-2014

Thankyou for help. But here my polyLine is dynamically changes the direction. I want to display the text along with the line. How do I do that?

Even I tried with

textSymbol.setVerticalAlignment()/ setHorizontalMethods also.

HeikoHeijenga · ‎12-22-2014

Calculate the angle of the line and set the rotation of the text symbol accordingly.

SunilKalagata · ‎12-23-2014

Is there any example to calculate the PolyLine angle?

HeikoHeijenga · ‎12-23-2014

Are your lines straight lines or real polylines?

SunilKalagata · ‎12-23-2014

Real polylines, we are drawing those using latitude and longitude.

TyroneLigon · ‎12-24-2014

I got this from an earlier post and used it to place an "arrow" (actually the letter "V") at the center of a polyline. Using your variables:

var rise = endX - startX;

var run = endY - startY;

var angle = (180/Math.PI) * Math.atan2(run,rise);

...

textSymbol.angle = angle;

SunilKalagata · ‎12-26-2014

Hi Tyrone,

Thank you for your update. But here I am using Latitude and Longitude to draw my polyLine.

Please help us to find the angle for PloyLine.

Thankyou!!

JoshHevenor · ‎12-29-2014

You can convert lat/long to XY

You might consider using a label layer instead?