Javascript 谷歌地图api-3:更改多边形';s默认光标

Javascript 谷歌地图api-3:更改多边形';s默认光标,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,例如,我可以更改地图的DragableCursor,但即使我更改了它,多边形的光标仍然是指针,因为地图位于多边形后面。我想将多边形的光标设置为“移动”,以便清楚多边形是可拖动的 更改多边形光标的正确方法是什么?是否有一个属性或方法来执行此操作?(我看过谷歌的文档,但什么也没找到) 附言。 我有理由在多段线上使用多边形,所以多段线不是一个选项。实际上这似乎是可能的。 以下是想法。 css: js: 干杯 polybon和map的鼠标事件执行以下操作: 光标在地图上: document.getEle

例如,我可以更改地图的DragableCursor,但即使我更改了它,多边形的光标仍然是指针,因为地图位于多边形后面。我想将多边形的光标设置为“移动”,以便清楚多边形是可拖动的

更改多边形光标的正确方法是什么?是否有一个属性或方法来执行此操作?(我看过谷歌的文档,但什么也没找到)

附言。
我有理由在多段线上使用多边形,所以多段线不是一个选项。

实际上这似乎是可能的。 以下是想法。
css:

js:


干杯

polybon和map的鼠标事件执行以下操作:
光标在地图上:

document.getElementById(“map”).children[0]。children[0]。style.cursor='url(res/end.png),auto'

光标位于多边形上:


document.getElementById(“map”).style.cursor='url(res/end.png),auto'

您可以设置CSS光标
!重要信息
div#地图上,但它总是覆盖自定义光标

#map div
{
    cursor: url("your.url.to.cursor.png"), default !important;
}
在此基础上,它更整洁(使用jQuery),使用与地图其余部分完全相同的光标(具有可通行的后退),并且仍然允许光标在标记上切换:

CSS:

JS:


不幸的是,没有更改光标的选项。指针似乎表示多边形是可单击的,但当您将可单击选项设置为false(在这种情况下,将出现拖动光标)时,多边形不再是可拖动的。您应该解释代码并正确设置其格式。对我来说是可行的,但必须添加以下内容:mapCanvas=document.getElementById(“容器”);这对我很有用:
document.getElementById(“map”).className='moving'
google.maps.event.addListener(myPolygon, 'mousemove',
    function(e) {
        if (!isNaN(e.edge) || !isNaN(e.vertex))
            mapCanvas.className = '';
        else
            mapCanvas.className = 'moving';        
    }
);

google.maps.event.addListener(myPolygon, 'mouseout',
    function() {
        mapCanvas.className = '';
    }
);
#map div
{
    cursor: url("your.url.to.cursor.png"), default !important;
}
.moving div { cursor: url('https://maps.gstatic.com/mapfiles/openhand_8_8.cur'), grab; }
map.data.addListener('mouseover', function() {
    $('#map-container-id').addClass('moving');
});

map.data.addListener('mouseout', function() {
    $('#map-container-id').removeClass('moving');
});