topic Re: setMapCursor with custom cursor not working in IE and Edge in ArcGIS JavaScript Maps SDK Questions

setMapCursor with custom cursor not working in IE and Edge

MarkRubelmann — Sat, 11 Dec 2021 17:45:16 GMT

I'm developing a custom widget for Web AppBuilder 1.2 and I'm using the setMapCursor() function to display a custom mouse cursor. It works perfectly in Chrome and Firefox, but unfortunately it's not doing anything in IE 9, IE 11, or Edge. The code looks like this:

    var COMPASS_CURSOR = 'url(widgets/test/css/images/compass_cursor.png), auto';
    var DEFAULT_CURSOR = 'auto';

    return declare([BaseWidget, WidgetsInTemplateMixin], {

      // Lots of stuff here...

      updateMapCursor: function () {
        if (this.isSelectLocationToolEnabled()) {
          this.map.setMapCursor(COMPASS_CURSOR);
        } else {
          this.map.setMapCursor(DEFAULT_CURSOR);
        }
      }

If I change COMPASS_CURSOR to one of the standard cursors ("wait", for instance), it changes to the correct cursor. It just doesn't seem to like custom cursors.

I've also tried using this.map.setCursor(), which I'm guessing does the same exact thing as setMapCursor() because it also works on Chrome and Firefox but not IE and Edge. Am I doing something wrong? Is this just not supported on IE and Edge?

Thanks,

Mark

Re: setMapCursor with custom cursor not working in IE and Edge

JoelBennett — Thu, 24 Sep 2015 17:31:01 GMT

It's been awhile since you posted this, and you may have already figured it out. For posterity, though, I believe the problem here is that IE only supports custom cursors in .cur and .ani format (not .png).

Re: setMapCursor with custom cursor not working in IE and Edge

MarkRubelmann — Wed, 07 Oct 2015 14:12:53 GMT

Thanks Joel! I ended up just using one of the system cursors instead of a custom one, but I'll try changing the format like you suggested if I get a chance one of these days.