Question

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

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

例如，当用户点击Pan Left（向上/向右/向下）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/

但它只会在谷歌修改标记之前有效，这可能是明天。

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

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

1 个答案: