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

retrieve symbols/icons from FeatureLayer

FriedaL

I am consuming a featureLayer in my webmap (js API) and now want to get the different symbols/icons of that layer or their URL so that I can display them in a text next to the map (but NOT using the legend widget). I'm basically looking for something like a featureLayer.getSymbols() function but that doesn't seem to exist.

Find more posts tagged with

Accepted answers

SumitZarkarCT

Hi,

I don't think so we have such method in API which returns you all symbols from the layer, but you can get the symbols from the layer easily by writing following custom code:

   _getLayerSymbols: function(layer) {
          var symbols = [],
              i;
          //check if layer is valid and have valid renderer object then only check for other symbol properties
          if (layer && layer.renderer) {
              if (layer.renderer.symbol) {
                  symbol.push(layer.renderer.symbol);
              } else if (layer.renderer.infos && (layer.renderer.infos.length > 0)) {
                  for (i = 0; i < layer.renderer.infos.length; i++) {
                      symbols.push(lang.clone(layer.renderer.infos.symbol));
                  }
              }
          }
          return symbols;
      }

Thanks

All comments

FriedaL

This is just one of the layers I tried but definitely the one with the simplest symbology: just a polygon with an outline

RobertScheitlin__GISP

Frieda,

You can check if your map service rest endpoint for that layer lists DrawingInfo

FriedaL

Thanks. I sounds like it should work but it doesn't.

Seems like my layer unfortunately doesn't qualify for the first if statement. The layer.renderer returns null although I'm not quite sure why? I tried different layers but always the same result. Is there anything I need to do beforehand to make sure it works? (some require I might have forgotten, any specifics in the REST API of the layer I can check for or does it only work with DynamicLayer not FeatureLayer,...)

RobertScheitlin__GISP

Frieda,

To add to Sumit's reply you can then take those symbols and place them in a dom element:

//This if is to check is you are using ie 8 that does not support this
//iconDiv is the html div element
        if(document.all && !document.addEventListener){
          //do nothing because it is IE8
          //And I can not produce swatches in IE8
        }else{
          var mySurface = gfx.createSurface(iconDiv, 40, 40);
          var descriptors = jsonUtils.getShapeDescriptors(item.sym);
          if(descriptors.defaultShape){
            var shape = mySurface.createShape(descriptors.defaultShape).setFill(descriptors.fill).setStroke(descriptors.stroke);
            shape.applyTransform({ dx: 20, dy: 20 });
          }
        }

SumitZarkarCT

Hi,

I don't think so we have such method in API which returns you all symbols from the layer, but you can get the symbols from the layer easily by writing following custom code:

   _getLayerSymbols: function(layer) {
          var symbols = [],
              i;
          //check if layer is valid and have valid renderer object then only check for other symbol properties
          if (layer && layer.renderer) {
              if (layer.renderer.symbol) {
                  symbol.push(layer.renderer.symbol);
              } else if (layer.renderer.infos && (layer.renderer.infos.length > 0)) {
                  for (i = 0; i < layer.renderer.infos.length; i++) {
                      symbols.push(lang.clone(layer.renderer.infos.symbol));
                  }
              }
          }
          return symbols;
      }

Thanks

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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