nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Add the textSymbol to the center of polyLine

SunilKalagata

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.

Trouver plus de publications taguées avec

Accepted answers

All comments

HeikoHeijenga

Try to use the midpoint formula:

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

SunilKalagata

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

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

SunilKalagata

Is there any example to calculate the PolyLine angle?

HeikoHeijenga

Are your lines straight lines or real polylines?

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Toutes les communautés
Publications récentes
Contenu suivi
Aide communautaire

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.