如何在将鼠标悬停在Google地图折线上时更改光标

时间:2016-03-04 21:57:28

标签: javascript google-maps

当您将鼠标悬停在Google地图(Chrome)中的折线上时,光标会变为一只手。这对我来说是不可取的,因为它会导致默认地图光标和手形光标之间的闪烁(折线在鼠标移动时移动)。

我试过了:

google.maps.event.addListener(temp_polyline, 'mouseover', function(e) {
                map.setOptions({draggableCursor:'crosshair'});
                map.setOptions({draggingCursor:'crosshair'});
            });

但是当光标没有悬停在折线上时,十字光标仍然只能看到

2 个答案:

答案 0 :(得分:0)

请将代码更改为以下内容并告诉我它的工作原理:

google.maps.event.addListener(map, 'mousemove', function(e) {
            map.setOptions({draggableCursor:'crosshair'});
        });

修改

查看this answer以使用CSS和JS的组合来更改默认光标

答案 1 :(得分:0)

设置"可点击"折线的选项为false,然后它只显示我的问题代码中设置的十字光标,不再显示"手"。该手只显示折线是可点击的。