AnsweredAssumed Answered

3D Shape losing fill color - Beta JS 4.0 API

Question asked by Neeraj_1 on Aug 31, 2015

So basically I have two polygons I am drawing on a graphics layer. One of them retains color and the other does not. Any reasons why the circular shape would not retain its fill color. Here is the code:

 

/***************************
       * Add a 3D polygon graphic
       ***************************/

      var polygon1 = new Polygon([
            [-74.07444444,40.8302882111494, 400],
   [-74.07444444,40.8402882111494, 500],
   [-74.06444444,40.8402882111494, 500],
   [-74.06444444,40.8302882111494, 400],
   [-74.07444444,40.8302882111494, 400]
          ]),

          fillSymbol1 = new SimpleFillSymbol({
            color: [227, 139, 79, 0.8],

            outline: new SimpleLineSymbol({
              color: [255, 255, 255],
              width: 1
            })
          });

      polygonGraphic1 = new Graphic({
        geometry: polygon1,
        symbol:   fillSymbol1
      });

      graphicsLayer.add(polygonGraphic1);

 

/***************************
       * Add a circular polygon graphic
       ***************************/

      var polygon2 = new Polygon([
      [-74.07444444,40.8302882111494,500],
      [-74.0782570400264,40.8300347861124,500],
   [-74.0819537114703,40.8292822166068,500],
  [-74.0854220580711,40.8280533847987,500],
  [-74.088556639953,40.8263856525627,500],
  [-74.0912621843791,40.8243297235656,500],
  [-74.0934564889002,40.8219481008752,500],
  [-74.0950729054931,40.8193131763679,500],
  [-74.0960623772813,40.816505036734,500],
  [-74.0963949142984,40.8136090220271,500],
  [-74.0960604974053,40.810713131782,500],
  [-74.095069372482,40.8079053505217,500],
  [-74.0934517288871,40.8052709750746,500],
  [-74.0912567715028,40.8028900259004,500],
  [-74.0885512270706,40.8008348136521,500],
  [-74.0854172980574,40.7991677549427,500],
  [-74.0819501784561,40.7979394722004,500],
  [-74.0782551601479,40.7971872610729,500],
  [-74.07444444,40.7969339604995,500],
  [-74.0706337198521,40.7971872610729,500],
  [-74.0669387015439,40.7979394722004,500],
  [-74.0634715819427,40.7991677549427,500],
  [-74.0603376529295,40.8008348136521,500],
  [-74.0576321084971,40.8028900259004,500],
  [-74.0554371511129,40.8052709750746,500],
  [-74.053819507518,40.8079053505217,500],
  [-74.0528283825946,40.810713131782,500],
  [-74.0524939657016,40.8136090220271,500],
  [-74.0528265027188,40.816505036734,500],
  [-74.0538159745069,40.8193131763679,500],
  [-74.0554323910999,40.8219481008752,500],
  [-74.0576266956209,40.8243297235656,500],
  [-74.060332240047,40.8263856525627,500],
  [-74.063466821929,40.8280533847987,500],
  [-74.0669351685297,40.8292822166068,500],
  [-74.0706318399736,40.8300347861124,500],
  [-74.07444444,40.8302882111494,500]
           
          ]),

          fillSymbol2 = new SimpleFillSymbol({
            color: [227, 139, 79, 0.8],

            outline: new SimpleLineSymbol({
              color: [255, 255, 255],
              width: 1
            })
          });

      polygonGraphic1 = new Graphic({
        geometry: polygon2,
        symbol:   fillSymbol2
      });

      graphicsLayer.add(polygonGraphic2);

Outcomes