How do I style a feature layer by object field?

נוהאליה

Hey , I have a geojson that in the attributes section for each feature I have an object that's called 'extras', like so (example geojson):

{
	"geometry": {
		"type": "Polygon",
		"coordinates": [
			[
				
				[
					00.76486274700005,
					00.903816257000075
				]
			],
			[
				[
					00.79834464800007,
					00.89163211700003
				],
			]
		]
	},
	"properties": {
		"objectid": 187,
		"extras": {
			"PHP_2021": "false",
			"PHP_2018": "true",
			"PHP_2019": "true",
			"PHP_2020": "true",
			"PHP_2022": "true"
		}
	},
	"type": "Feature",
	"id": 187
}

 

I also have this styling:

const renderer = {
            "type": "unique-value",
            "field": "extras.PHP_2021",
            "defaultSymbol": defaultSymbol.symbol,

            "uniqueValueInfos": [{
              "value": "true",
              "symbol": {
                "type": "picture-marker",
                "url": "../../assets/images/clicked-point.png",
                "width": "34px",
                "height": "38px"
              }
            }],
          };

That does not work because it can't read 'extras' as object.

Is there a way that I can use object (in this example 'extras' object) in order to render a feature layer?

thanks.

JoelBennett

The flattening option mentioned by @LongDinh is most likely the way to go.  Perhaps you're not able to alter things on the server side, but you can on the client-side.  Check out this thread, and in particular, the second solution. Although the initial problem is somewhat different (i.e. popup content instead of rendering), the solution will still likely be along the same lines...i.e. using a RequestInterceptor and flattening the attributes so that your renderer can access them.