当光标悬停在谷歌地图折线上时，如何更改光标

How to change the cursor when it hover overs a Google maps polyline from being a hand

本文关键字：光标 何更改 折线 悬停 谷歌地图      更新时间：2023-09-26

当您将鼠标悬停在谷歌地图（Chrome）中的折线上时，光标会变为手形。这对我来说是不可取的，因为它会导致默认地图光标和手形光标之间的闪烁（折线随着鼠标移动而移动）。

我试过这个：

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

但是，仅当光标未悬停在折线上时，十字准线光标仍然可见

将折线的"可点击"选项设置为 false，然后它只显示在我的问题代码中设置的十字准线光标，不再显示"手"。手形仅显示折线是可单击的。

请将代码更改为以下内容，并让我知道它是如何工作的：

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

编辑：

看看这个答案，用CSS和JS的组合来改变默认光标

我计算出这项工作：

map.addListener("mousemove", (mapsMouseEvent) => {
  map.setOptions({draggableCursor:'crosshair'});
});
相关文章：