topic Re: Cut off of symbols with WebGL on. in ArcGIS JavaScript Maps SDK Questions

Cut off of symbols with WebGL on.

deleted-user-OOe4JK-9Abnm — Mon, 07 Jan 2019 16:13:22 GMT

Hi,

After updating to js api 4.10, symbols got such cut off effect (which is ugly). Se attached image.

Research showed that the reason for this is activated WebGL. The same problem applies to both SVG and PNG symbols, both Windows and Mac and different browsers.

To fix it we had to go back to 4.9 and turn off WebGL. We could not turn off WebGL in 4.10.

Is it a known problem?

Re: Cut off of symbols with WebGL on.

RobertScheitlin__GISP — Mon, 07 Jan 2019 16:27:37 GMT

Denis,

Are you seeing this issue with all browsers? (i.e. Chrome, Firefox and IE) What versions of the browsers are you using?

Re: Cut off of symbols with WebGL on.

deleted-user-OOe4JK-9Abnm — Mon, 07 Jan 2019 16:35:08 GMT

The same issue appies to

on Mac:
* Chrome (Version 71.0.3578.98 (Official Build) (64-bit))

* Firefox 64.0 (64-bit)

* Safari Version 12.0.2 (14606.3.4)

on Windows: I do not use it, but I know my colleagues have the same issue. They used to use the latest versions.

Re: Cut off of symbols with WebGL on.

KristianEkenes — Tue, 08 Jan 2019 00:00:24 GMT

What is the size of your symbols? We're enforcing a max size of 120 px, apparently not documented. We can discuss changing that based on use cases. If the icons are larger than 120px, then please reply with reasons for using sizes larger than that.

Re: Cut off of symbols with WebGL on.

deleted-user-OOe4JK-9Abnm — Tue, 08 Jan 2019 10:59:05 GMT

The size is smaller then 120px.

The code which defines the size is here:

export const locationSymbolSize = {
 width: 42,
 height: 55,
 yoffset: 25,
 xoffset: 0
};
 
 renderer: new UniqueValueRenderer({
 valueExpression: RankByActivityStatus(),
 uniqueValueInfos: [
 {
 value: 'nei',
 label: GetActivityMapStatus(ActivityMapStatusEnum.Nei).Name,
 symbol: new PictureMarkerSymbol({
 url: require('../styles/images/symbols/png/bolig-location-nei.png'),
 ...locationSymbolSize
 })
 },... 

Re: Cut off of symbols with WebGL on.

KristianEkenes — Tue, 08 Jan 2019 16:22:41 GMT

Ok. This looks like a bug. Have you logged a bug report with support so you can track the progress of it? I think we already have an issue internally for handling this, but we can link it to a bug report so you can track our progress.

Re: Cut off of symbols with WebGL on.

deleted-user-OOe4JK-9Abnm — Wed, 27 Feb 2019 09:01:08 GMT

Hi, No I did not report the bug. May I ask how I can do it?

Can I get the link of the bug report if it exists?

Re: Cut off of symbols with WebGL on.

KristianEkenes — Wed, 27 Feb 2019 16:15:38 GMT

There's no need at this point. We've been actively working on this. It should be fixed at 4.11.

Re: Cut off of symbols with WebGL on.

ChristianAlfons — Tue, 12 Mar 2019 09:08:19 GMT

I think I may have a use case for allowing symbols > 120px:

https://community.esri.com/message/837556

Re: Cut off of symbols with WebGL on.

deleted-user-OOe4JK-9Abnm — Thu, 14 Mar 2019 08:58:00 GMT

Hei Kristian,

I can confirm that this issue is fixed in 4.11

Testing 4.11 right now.

Thanks, for your support!

Re: Cut off of symbols with WebGL on.

KristianEkenes — Thu, 14 Mar 2019 15:15:48 GMT

We're currently evaluating changing this threshold. No matter what we set it at, it may feel somewhat arbitrary. Thanks for the feedback.

Re: Cut off of symbols with WebGL on.

Geo_BS — Thu, 30 Sep 2021 09:40:19 GMT

Unfortunately the bug returned in the JS API 4.21.

In 4.20 it is still working (at least for circle sizes < 120), in 4.21 the symbols are cut off again.

See attached images.