Renderers

jaykapalczynski

I have two renders that I am using to render my Streets.  They both work independently but lost on how to get them into the same renderer...because If I try and use them independently it cancels one out.

1st RENDERER

var RoadColor1 = new Color("#eae5e5");
var RoadLine1 = new SimpleLineSymbol("solid", RoadColor1, 1.5);
var RoadSymbol1 = new SimpleFillSymbol("solid", RoadLine1, null);
var RoadRenderer1 = new SimpleRenderer(RoadSymbol1);

RoadBlack1.setRenderer(RoadRenderer1);


<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

2nd RENDERER

//Assign parameters for road width by SPEED
var sizeInfo = {
  field:"SPEED",
  minSize:.2,
  maxSize:10,
  minDataValue:0,
  maxDataValue:70
};
     
RoadBlack1.renderer.setSizeInfo(sizeInfo);<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

How can I combine them so they both work?

KristianEkenes

Layers can only have one renderer at a time. What you're attempting to do is possible, you're just confusing the visual variable object with the renderer. visualVariables is a property of the renderer. Just reorganize your code a bit and it should work.

Here's what you need to do:

<CODE>//Assign parameters for road width by SPEED
var sizeInfo = {
&nbsp; type: "sizeInfo",&nbsp;&nbsp; // type must be specified otherwise the renderer 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //doesn't know which visual variable type it is
&nbsp; field:"SPEED",
&nbsp; minSize: 0.2,
&nbsp; maxSize: 10,
&nbsp; minDataValue: 0,
&nbsp; maxDataValue: 70
};
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
RoadRenderer.setVisualVariables([sizeInfo]);
RoadBlack.setRenderer(RoadRenderer);
var RoadColor = new Color("#eae5e5");
var RoadSymbol = new SimpleLineSymbol("solid", RoadColor, 1.5);
var RoadRenderer = new SimpleRenderer(RoadSymbol);