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; } } }

How to highlight or change the color of pin which are under the polygon?

KamalMittal

I am trying to change the CSS of the feature from feature layer through the javascript API 3.2.1 .

Please check the attached file of pin image.

Thanks

Pin.PNG

Dirk_Vandervoort_1-1755211528073.png

Vind meer berichten getagd met

Accepted answers

All comments

RobertScheitlin__GISP

Kamal,

You do not work with the CSS for symbols in the JS API as they are mainly SVG graphics. You need to change the Symbol class for that graphic.

KamalMittal

Robert

I have updated the image of a pin . please check it again then you might be clear what i am asking for

Thanks

RobertScheitlin__GISP

Kamal,

So are you setting the point symbol using a picturemarkersymbol?

KamalMittal

Robert,

No , it is the image coming from the feature layer. we are not setting anything in the javascript.

RobertScheitlin__GISP

OK now I understand. So one way to handle this is to get the pins geometry through a query and set the symbol you want to the graphic.

KamalMittal

I have already added the symbol for a graph and that is for filling color of the polygon. but now i want to change the CSS of pins which are under the polygon.

Here is the code

var symbol = new SimpleFillSymbol(
SimpleFillSymbol.STYLE_SOLID,
new SimpleLineSymbol(
SimpleLineSymbol.STYLE_SOLID,
new Color([r,g,b,0.9]),
4
),new Color([r,g,b,0.5]));

var graphic = new Graphic(query, symbol);

map.graphics.add(graphic);

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Alle Gemeenschappen
Recente Berichten
Gevolgde Inhoud
Community Hulp

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