topic Getting the Webstyle symbols in ArcGIS JavaScript Maps SDK Questions

Getting the Webstyle symbols

KarthikeyanShanmugam — Mon, 26 Jun 2023 08:02:36 GMT

Hello

I am trying to render the list of the available webstyle symbols (https://developers.arcgis.com/javascript/latest/visualization/symbols-color-ramps/esri-web-style-symbols-2d/) outside the map. Is there any api which I can access to get the webstyle symbol thumbnail and the name.

Any suggestions would be helpful.

Thank you.

Re: Getting the Webstyle symbols

Sage_Wall — Mon, 26 Jun 2023 14:15:41 GMT

Hi @KarthikeyanShanmugam ,

You can use the symbolUtils.RenderPreviewHTML method to generate a preview image of any symbol in any DOM element. Here is a simple codepen showing it in action. https://codepen.io/sagewall/pen/XWyparb

Re: Getting the Webstyle symbols

AnneFitz — Mon, 26 Jun 2023 15:56:27 GMT

I'd also recommend looking at this Adjust marker placement in polygon symbols sample, specifically the initializeWebStyles function on line 271. This demonstrates how you can use esri/request to fetch the Web Style JSON, and use that to find the name and image for each symbol in the style. Hope this helps!

Re: Getting the Webstyle symbols

KarthikeyanShanmugam — Fri, 30 Jun 2023 06:47:48 GMT

Thank you @Sage_Wall @AnneFitz . Both of them worked.