topic Re: UniqueValueRenderer SimpleMakerSymbol not working anymore in ArcGIS JavaScript Maps SDK Questions

UniqueValueRenderer SimpleMakerSymbol not working anymore

LouisDeSantis — Thu, 01 Dec 2016 16:34:07 GMT

UniqueValueRenderer and ArcGISDynamicMapServiceLayer and SimpleMarkerSymbol

no longer seem to work properly together.

I'm using ARCGIS Server 10.2 and ARCGIS Javasript API 3.18.

I use the unique value render with SImpleFillSymbols and it works perfectly and at one point our application did have UniqueRendering working with Symbols.

Not sure if this was broken at some point within 3.1x or if its simply not possibly any more.

When I DO choose to use UniqueValueRender with SimpleMarkerSymbol the features render as gray filled symbols.
Picture attached.

Any insights would be enormously helpful.

**I know that the general code I have developed does in fact work and render using SimpleFillSymbols on the same field that won't generate a render with SimpleMarkerSymbols**

Thanks.

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

thejuskambi — Thu, 01 Dec 2016 16:40:16 GMT

Please share the code, how you are creating the UniqueValueRenderer. It would help us to understand what might be the issue.

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

LouisDeSantis — Thu, 01 Dec 2016 16:55:51 GMT

I can't share all the code, its just too much to show but I will share snippets.

Just as a note, The exact same code works for UniqueValue Rendering with SimpleFillSymbols but does not work with SimpleMarkerSymbols.

I know the values exist and can render because it works with the SimpleFillSymbol but not SimpleMarkerSymbol

So I think it might be more handy to show the JSON for the created renderer.

{
"_cache":{

},
"values":[
"E",
"A-",
"A+",
"A",
"B-",
"C",
" ",
"AA",
"B+",
"D+",
"D",
"AA+",
"C-",
"C+",
"D-",
"B"
],
"_symbols":{
"E":{
"value":"E",
"symbol":{
"color":{
"r":207,
"g":143,
"b":130,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"E",

},
"A-":{
"value":"A-",
"symbol":{
"color":{
"r":238,
"g":213,
"b":110,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"A-",

},
"A+":{
"value":"A+",
"symbol":{
"color":{
"r":166,
"g":150,
"b":110,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"A+",

},
"A":{
"value":"A",
"symbol":{
"color":{
"r":24,
"g":8,
"b":27,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"A",

},
"B-":{
"value":"B-",
"symbol":{
"color":{
"r":150,
"g":43,
"b":164,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"B-",

},
"C":{
"value":"C",
"symbol":{
"color":{
"r":242,
"g":83,
"b":95,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"C",

},
" ":{
"value":" ",
"symbol":{
"color":{
"r":239,
"g":79,
"b":24,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"NO VALUE",

},
"AA":{
"value":"AA",
"symbol":{
"color":{
"r":164,
"g":2,
"b":45,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"AA",

},
"B+":{
"value":"B+",
"symbol":{
"color":{
"r":3,
"g":207,
"b":189,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"B+",

},
"D+":{
"value":"D+",
"symbol":{
"color":{
"r":195,
"g":127,
"b":183,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"D+",

},
"D":{
"value":"D",
"symbol":{
"color":{
"r":181,
"g":35,
"b":255,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"D",

},
"AA+":{
"value":"AA+",
"symbol":{
"color":{
"r":157,
"g":75,
"b":1,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"AA+",

},
"C-":{
"value":"C-",
"symbol":{
"color":{
"r":119,
"g":34,
"b":245,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"C-",

},
"C+":{
"value":"C+",
"symbol":{
"color":{
"r":122,
"g":178,
"b":109,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"C+",

},
"D-":{
"value":"D-",
"symbol":{
"color":{
"r":2,
"g":223,
"b":60,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"…" type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"A-",

},
{
"value":"A+",
"symbol":{
"color":{
"r":166,
"g":150,
"b":110,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"A+",

},
{
"value":"A",
"symbol":{
"color":{
"r":24,
"g":8,
"b":27,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"A",

},
{
"value":"B-",
"symbol":{
"color":{
"r":150,
"g":43,
"b":164,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"B-",

},
{
"value":"C",
"symbol":{
"color":{
"r":242,
"g":83,
"b":95,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"C",

},
{
"value":" ",
"symbol":{
"color":{
"r":239,
"g":79,
"b":24,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"NO VALUE",

},
{
"value":"AA",
"symbol":{
"color":{
"r":164,
"g":2,
"b":45,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"AA",

},
{
"value":"B+",
"symbol":{
"color":{
"r":3,
"g":207,
"b":189,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"B+",

},
{
"value":"D+",
"symbol":{
"color":{
"r":195,
"g":127,
"b":183,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"D+",

},
{
"value":"D",
"symbol":{
"color":{
"r":181,
"g":35,
"b":255,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"D",

},
{
"value":"AA+",
"symbol":{
"color":{
"r":157,
"g":75,
"b":1,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"AA+",

},
{
"value":"C-",
"symbol":{
"color":{
"r":119,
"g":34,
"b":245,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"C-",

},
{
"value":"C+",
"symbol":{
"color":{
"r":122,
"g":178,
"b":109,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"C+",

},
{
"value":"D-",
"symbol":{
"color":{
"r":2,
"g":223,
"b":60,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"D-",

},
{
"value":"B",
"symbol":{
"color":{
"r":125,
"g":242,
"b":132,
"a":1
},
"size":13.333333333333332,
"type":"simplemarkersymbol",
"style":"square",
"originalSize":10,
"outline":{
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"width":4,
"type":"simplelinesymbol",
"style":"solid"
},
"xoffset":0,
"yoffset":0
},
"label":"B",

}
],
"defaultSymbol":{
"style":"circle",
"color":{
"r":255,
"g":0,
"b":0,
"a":0.25
},
"size":"4.2",
"outline":{
"width":1.3333333333333333,
"color":{
"r":0,
"g":0,
"b":0,
"a":1
},
"style":"solid"
}
},
"attributeField":"Quality",
"_multiple":false
}

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

LouisDeSantis — Thu, 01 Dec 2016 17:03:31 GMT

I would imagine, there is no real fundmental difference between a unique render with SimpleFill vs Simple Marker.

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

thejuskambi — Thu, 01 Dec 2016 17:09:45 GMT

From what I can see you have just shared the json that you use to create the Renderer. Is that correct?

In that case, type and style does not have valid values. Here is a sample json format for SimpleMarkerSymbol.

{
    "color": [
        255,
        255,
        255,
        64
    ],
    "size": 12,
    "angle": 0,
    "xoffset": 0,
    "yoffset": 0,
    "type": "esriSMS",
    "style": "esriSMSCircle",
    "outline": {
        "color": [
            255,
            255,
            0,
            255
        ],
        "width": 1,
        "type": "esriSLS",
        "style": "esriSLSSolid"
    }
}

Here is a playground provided by ESRI where you can generate any symbols.

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

thejuskambi — Thu, 01 Dec 2016 17:15:21 GMT

What is the Geometry type of the Layer in question?

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

LouisDeSantis — Thu, 01 Dec 2016 17:19:18 GMT

I did notice that in the JSON as I was formatting and preparing it, it seemed to be missing but I am creating the symbol using this code.

return new SimpleMarkerSymbol({
"color": new Color(fillColor),
"size": symbolSize,
"angle": angle,
"xoffset": 0,
"yoffset": 0,
"type": "esriSMS",
"style": translatedStyle,
"originalSize": 10,
"outline": {
"color": new Color(borderColor),
"width": 3,
"type": "esriSLS",
"style": "esriSLSSolid"
}

});

Which turns into this JSON

{
   "color":{
      "r":21,
      "g":239,
      "b":104,
      "a":1
   },
   "size":13.333333333333332,
   "type":"simplemarkersymbol",
   "style":"square",
   "originalSize":10,
   "outline":{
      "color":{
         "r":0,
         "g":0,
         "b":0,
         "a":1
      },
      "width":4,
      "type":"simplelinesymbol",
      "style":"solid"
   },
   "xoffset":0,
   "yoffset":0
}

Which then gets added to the renderer like this

renderer.addValue({
value: v,
symbol: _symbol,
label: label,
});

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

LouisDeSantis — Thu, 01 Dec 2016 18:18:32 GMT

esriGeometryPolygon is the feature type on the layer type of ArcGISDynamicMapServiceLayer

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

thejuskambi — Thu, 01 Dec 2016 18:24:27 GMT

If the Geometry type is Polygon, you cannot apply SimpleMarkerSymbol to it as they are meant for Point Type of Geometry.

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

LouisDeSantis — Thu, 01 Dec 2016 18:28:55 GMT

But I can use Symbols, when I do a ClassBreaksRenderer on the same layer, Same geometry.

Re: UniqueValueRenderer SimpleMakerSymbol not working anymore

thejuskambi — Thu, 01 Dec 2016 18:53:50 GMT

Looks like I was wrong, The UniqueValueRenderer and ClassBreakRenderer both can symbolize Polygon with Point symbols, and it is working fine in sandbox. My guess is, some other code it updating the symbols back again or the polygon layer is on top of the point layer.