在Google Jquery地图用户界面中制作自定义平移

我正在使用谷歌地图Api。所以我使用Jquery Google Map API来获取地图：

<div id="map_canvas"></div>

<button id='btnRight'>Right</button>
<button id='btnLeft'>Left</button>
<button id='btnUp'>Up</button>
<button id='btnDown'>Down</button>
.
.
.
.

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.js'></script>
<script type="text/javascript" src="../ui/jquery.ui.map.js"></script>

<script>
    $(function() {
        var map=$('#map_canvas').gmap({
            'center' : '57.7973333,12.0502107',
            'scrollwheel' : false,
            'zoom' : 10,
            'disableDefaultUI' : false
        });

        $('#btnRight').on('click',function(){
           //map should move to some pixels to right as it moves when we press right arrow 
           //in the navigation pan of the google map.I attached the image
        });

        //similar behaviour for left,down and up buttons
        //the work of these 4 buttons are similar to the 4 direction of the 
        //navigation pan that comes with the default ui of google maps

    });
</script>

赖特
左边
向上的
向下
.
.
.
.
$（函数（）{
var map=$（'#map_canvas'）.gmap({
“中心”：“57.7973333,12.0502107”，
“滚轮”：false，
“缩放”：10，
“disableDefaultUI”：false
});
$（'#btnRight'）。在（'单击'，函数（）上）{
//当我们按下向右箭头时，贴图应该向右移动一些像素
//在谷歌地图的导航栏里。我附上了图片
});
//左、下和上按钮的类似行为
//这4个按钮的工作原理与机器的4个方向相似
//谷歌地图默认用户界面附带的导航面板
});

为了实现这一目标，我做了很多努力，但没有成功，请任何人解释一下……请 谢谢

---

Ankur：“哈哈，我们又见面了，我们来看一看吧！”哈哈哈，@Slixx我实现了缩放功能，只是被困在导航窗格中了，它的痛苦让我渴望得到一条线索，关于如何实现它……请帮助我（我想我不明白。当你按下谷歌地图的>按钮时，你会向右移动？或者你想要一个特定的位置吗？我想让它向右移动一点，就像>默认情况下做的事情UI控件告诉我们一样。）