google-maps-api-3 - Google Maps V3 中可点击多边形上的自定义光标

Question

我创建了可点击的多边形并将其附加到 map 上。我为 map 设置了“十字准线”draggableCursor。多边形也有相同的光标会很好。但是，当我将鼠标悬停在多边形上时，光标会更改为一只手。

保持光标相同的唯一方法是为多边形设置 clickable:false，但这会导致多边形的所有事件监听器都无法操作。

我花了一半时间在网上寻找解决方案，但失败了。有没有人拥有这样的知识宝藏？

Answer 1

经过一番思考，我想出了一个 非常讨厌 这样做的策略。我包含这个是出于学术上的好奇心，但我不建议在生产站点中实现它。

在伪代码中:

onPolygonMouseover:
  setTimeout(0 ms)

onTimeout:
  Find all elements in the dom with cursor == pointer
  Set pointer to crosshair

jQuery 可能对查找带有 cursor == 指针的所有元素很有用。或者，您可以遍历整个 DOM。

为什么超时？

超时是因为我不确定 API 公开事件的顺序。如果您的事件在内部 API 事件之前处理，您的光标可能会被内部代码覆盖。

为什么超时为0？

超时为 0 会将代码推送到 JS 执行堆栈上。它将在下次代码执行中出现“中断”时执行。这应该是所有事件处理代码都完成后。