topic Re: Extend Esri Icon Fonts with Fonts Awesome in ArcGIS JavaScript Maps SDK Questions

Extend Esri Icon Fonts with Fonts Awesome

EssaddekMohammed — Sun, 30 Sep 2018 13:51:24 GMT

Hello,

I would like to extend Esri Icon Fonts with FontsAwesome icon packs to give End Users the ability to choose markers icons. To achieve that i ve tried this way :

and in JS :

var textSymbol = {
        type: "text", // autocasts as new TextSymbol()
        color: "#7A003C",
        text: "\f5de", // esri-icon-map-pin
        font: { // autocasts as new Font()
          size: 30,
          family: "FontAwesome"
        }
      };

And did not works. Is this possible?

Regards

Re: Extend Esri Icon Fonts with Fonts Awesome

ReneRubalcava — Mon, 01 Oct 2018 14:17:16 GMT

As far as I know, you need to use the unicode glyph, not just the unicode chars.

Check out this this sample.

Font Markers

I talked about this here.

https://community.esri.com/people/odoe/blog/2015/01/07/label-markers-for-you-arcgis-javascript-apps

On the Font Awesome icon page (Font Awesome ), click on the icon near the top to copy the glyph.

Re: Extend Esri Icon Fonts with Fonts Awesome

EssaddekMohammed — Mon, 01 Oct 2018 14:42:30 GMT

Hello, thank you for your answer.

As i marked in my questions, those icons are chosen in the backend by the end users. is there anyway to automate icons fetching ?

Regards

Re: Extend Esri Icon Fonts with Fonts Awesome

ReneRubalcava — Mon, 01 Oct 2018 18:48:54 GMT

ok, after some trial and error and stack overflow digging, it works if you change \f5de to \uf5de

Try that!

Re: Extend Esri Icon Fonts with Fonts Awesome

EssaddekMohammed — Tue, 02 Oct 2018 14:40:57 GMT

Thank you so much for your help. That works for me.