topic Re: SimpleFillSymbol does not work in ArcGIS JavaScript Maps SDK Questions

SimpleFillSymbol does not work

DavidNascimento — Tue, 14 Jun 2016 07:57:32 GMT

Whenever I try to set a style other than 'solid' on a SimpleFillSymbol, the geometry gets rendered empty, with only the outline being drawn. Is this a known issue? I couldn't find any similar posts on this forum.

Best regards,

David

Re: SimpleFillSymbol does not work

PanagiotisPapadopoulos — Tue, 14 Jun 2016 08:32:28 GMT

try this

symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_NONE, new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASHDOT, new Color([255,0,0]), 2), new Color([255,255,0,0.25]));

Re: SimpleFillSymbol does not work

PanagiotisPapadopoulos — Tue, 14 Jun 2016 08:35:25 GMT

this symbol will give you something like this

Re: SimpleFillSymbol does not work

KenBuja — Sat, 11 Dec 2021 13:36:23 GMT

It seems to be working correctly with the Simple Fill sample. In the sandbox, if you make this change to the code, the polygons are symbolized with a diagonal cross hatching.

var defaultSym = new SimpleFillSymbol({
    outline: {
        color: "red",
        width: 0.5
    },
    style: "diagonal-cross"
});

Re: SimpleFillSymbol does not work

KristianEkenes — Tue, 14 Jun 2016 18:47:36 GMT

David,

Are you attempting this in a SceneView? If so, then you will see the behavior you're describing. Notice the note for known limitations in the documentation for the style property in SimpleFillSymbol - SimpleFillSymbol | API Reference | ArcGIS API for JavaScript 4.0

If working in a SceneView, then I recommend you use a FillSymbol3DLayer inside a PolygonSymbol3D although it still doesn't yet support styles other than a solid fill.

The working cross style in MapView - JS Bin - Collaborative JavaScript Debugging

But if you do the same in a SceneView - JS Bin - Collaborative JavaScript Debugging Then it doesn't work.

Re: SimpleFillSymbol does not work

DavidNascimento — Tue, 14 Jun 2016 19:01:39 GMT

We are using a MapView. I was also able to create a correct SimpleFillSymbol in a purely JS environment. We are, however, working on an Angular2 application, where the ESRI JS API is loaded as a bower dependency. I am not sure if this plays a role or not.

Re: SimpleFillSymbol does not work

KristianEkenes — Tue, 14 Jun 2016 20:23:03 GMT

Thanks for Clarifying, David. Could you share a code snippet or live sample of your app?