如何将事件处理程序绑定到Google Maps V3 API默认的PanControl的单击事件？

Question

此页面介绍了Google Maps V3 API的默认控制集:http://code.google.com/apis/maps/documentation/javascript/controls.html#DefaultUI

我有兴趣接管PanControl的click事件并将其绑定到我的自定义函数.

例如,当潘左用户点击(上/右/下)UI控件,不仅地图视口的变化,而且功能A被调用.

正如我想象的那样,一种方法是听Map的点击事件并检查它的目标？

关于如何做到这一点的任何建议/ 例子(特别有用)？

Answer 1

您的假设（侦听 Map 的单击事件并检查其目标）听起来是正确的，因为没有用于访问控件的实现。

这对我有用（现在）：

google.maps.event.addDomListener(map.getDiv(),'click', 
             function(e) 
             {
                var t=e.target,
                    a=[null,'left','right','up','down'];

                if(
                    t.parentNode.parentNode.hasAttribute('controlwidth')
                      &&
                    t.parentNode.childNodes.length==5
                      &&
                    t.parentNode.firstChild.tagName=='IMG'
                      &&
                    t.parentNode.firstChild.src
                         =="http://maps.gstatic.com/mapfiles/mapcontrols3d7.png"
                  )
                  {
                    for(var i=1;i<t.parentNode.childNodes.length;++i)
                    {
                      if(t.parentNode.childNodes[i]==t)
                      {
                        alert('You\'ve clicked on \n>>>'+a[i]+
                              '\nyou may call a function now.');
                      }
                    }
                  }
             });

http://jsfiddle.net/doktormolle/fwgMy/

但它只有在谷歌修改标记后才有效，而这可能是明天。

更好的方法是隐藏平移控件并创建您自己的控件。