自定义按钮panUp panDown panLeft panRight谷歌地图api v3事件.addDomListen

我想将事件添加到按钮图像中，以向上、左、右、下移动地图的平移缩放效果良好，但移动效果不佳。谢谢你的帮助。我在API v3中，所以如果你知道如何创建新的按钮图像来导航地图，这将有助于：

var panUp = document.createElement("div");
          this.setButtonStyle_(panUp);
          control2.appendChild(panUp);
          panUp.appendChild(document.createTextNode("panUp"));
          panUp.innerHTML = '<img src="./icons/map_arrow_up.png">'; 
          g.event.addDomListener(panUp, "click", function() {
          map.setpanBy(new Point(-100, 0));
          });
var panDown = document.createElement("div");
          this.setButtonStyle_(panDown);
          control3.appendChild(panDown);
          panDown.appendChild(document.createTextNode("panDown"));
          panDown.innerHTML = '<img src="./icons/map_arrow_down.png">'; 
          g.event.addDomListener(panDown, "click", function() {
          map.panDirection(0,-1); 
          });
          var panLeft = document.createElement("div");
          this.setButtonStyle_(panLeft);
          control4.appendChild(panLeft);
          panLeft.appendChild(document.createTextNode("panLeft"));
          panLeft.innerHTML = '<img src="./icons/map_arrow_left.png">'; 
          g.event.addDomListener(panLeft, "click", function() {
          map.panDirection(1,0);  
          });
          var panRight = document.createElement("div");
          this.setButtonStyle_(panRight);
          control5.appendChild(panRight);
          panRight.appendChild(document.createTextNode("panRight"));
          panRight.innerHTML = '<img src="./icons/map_arrow_right.png">'; 
          g.event.addDomListener(panRight, "click", function() {
          map.panDirection(-1,0); 
          });