Клуб API Карт

Клуб API Карт

Курсор с картинкой

Пост в архиве.
Сделал курсор за которым по странице двигается картинка, но в области карты этого не происходит. Код приведен ниже. как сделать чтобы на карте она тоже за ним двигалась? и есть ли вобще возможность создавать свои курсоры вместо стандартных?
<script type="text/javascript">
        // Создание обработчика для события window.onLoad
        YMaps.jQuery(function () {
            // Создание экземпляра карты и его привязка к созданному контейнеру
            var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
           // Установка для карты ее центра и масштаба
            map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10);
    
            document.captureEvents(Event.MOUSEMOVE);
            mouse = YMaps.jQuery('#mouse')
            document.onmousemove = function(e) {
                 mouse.css({ left: e.clientX - 40, top: e.clientY - 30})
            }
        })
    </script>
    <style type="text/css" media="screen">
        #mouse{
            position: absolute;
            z-index: 1000;
        }
    </style>
</head>
<body>
    <img src="auto_afs.png" id="mouse" />
    <div id="YMapsID" style="width:600px;height:400px">
</body>