AnsweredAssumed Answered

setMapCursor with custom cursor not working in IE and Edge

Question asked by mrubelmann on Aug 28, 2015
Latest reply on Oct 7, 2015 by mrubelmann

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

Outcomes