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

return layer symbol url

KevinDunlop

Hi,

I am looking for a method that gets the FeatureLayer symbol URL either from the Feature Service itself or the FeatureLayer. My goal is to use that url to change the src on a <img> value that I use in a different part of my web application. I haven't been able to find a Javascript 4.x method that returns this.

Can anyone point me in the right direction

const VBA = new FeatureLayer({
url: "https://gis.va.gov/server/rest/services/PROJECTS/VBA_VHA_NCA_Regional_and_Major_Facilities/FeatureServer/0",
title: "VBA"
});

document.getElementById("VBA_Img").src=VBA.renderer.symbol.url;

<span id="VBA_Text">VBA</span><img id="VBA_Img" /><br />

Encuentra más publicaciones etiquetadas con

Accepted answers

ReneRubalcava

You may have to wait for the view or layer to be finished. Also make sure it's an image, and not svg, depending on how it was created. This sample works grabs the layer and iterates the uniqueValueInfos

https://codepen.io/odoe/pen/rNYGjVg?editors=1000

All comments

ReneRubalcava

https://codepen.io/odoe/pen/rNYGjVg?editors=1000

KevinDunlop

Hi,

Thanks for the advise but it didn't work. It also made it so the LayerList no longer can toggle the visibility of it. Any suggestions?

const VBA = new FeatureLayer({
   url: "https://cdw.maps.va.gov/server/rest/services/Map/FeatureServer/6",
   visible: true
   });

map.add(VBA);

const VBAsymbol = VBA.renderer.symbol.clone();
symbolUtils.renderPreviewHTML(VBAsymbol, {
   node: document.getElementById("VBA_Img"),
   size: 8
   });

<span id="VBA_Text">VBA Regional Offices</span><img id="VBA_Img" /><br />

Thanks

ReneRubalcava

You can use symbolUtils.renderPreviewHTML for something like this.

https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-support-symbolUtils.html#renderPreviewHTML

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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