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