Google 地图中 SVG 图层的自定义鼠标交互

Question

我正在 Google 地图中构建 D3 图层。我处于 D3 渲染良好的阶段，但是我想影响这一层的鼠标事件被（我认为）overlayMouseTarget 层捕获。这意味着我无法与我的 D3 层进行任何交互。

我已经在这里和其他地方搜索过修复，但是在实施了一些建议后，我发现我仍然没有一个可行的解决方案。是否有任何受支持的方法可用于重载鼠标交互或在 Google 地图中删除/隐藏鼠标交互层？或者也许有更优雅的解决方案？

我可以执行Google Maps API v3 : Passing values to Listener function(), so as to make a circle when the marker is clicked? 之类的操作，让我的 D3 代码与任何层完全分离，但我宁愿将它放在一个夹在带有缩放/平移控制器的层下方和鼠标事件层上方的层中。或者弄清楚如何将事件向下发送几层到我的 D3 代码当前所在的位置。

我使用https://gist.github.com/899711 作为将 D3 添加到地图的起点。

Answer 1

我遇到了同样的问题，对我有用的解决方法是将整个 svg 层绑定到 this.getPanes().overlayMouseTarget 而不是原来的 this.getPanes().overlayLayer。