Google maps api 3 如何通过单击按钮控件向左平移地图?
我正在工作。如何通过单击Google maps api 3 如何通过单击按钮控件向左平移地图?,google-maps-api-3,Google Maps Api 3,我正在工作。如何通过单击#pan按钮将平滑平移动画添加到地图左侧 var映射; 函数initMap(){ map=new google.maps.map(document.getElementById('map'){ 中心:{纬度:-34.397,液化天然气:150.644}, 缩放:8 }); } $(“#平移”)。在(“单击”,函数(){ //潘图 }); 包含映射的元素*/ #地图{ 身高:100%; } /*可选:使示例页面填充窗口*/ html,正文{ 身高:100%; 保证金:0;
#pan
按钮将平滑平移动画添加到地图左侧
var映射;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
中心:{纬度:-34.397,液化天然气:150.644},
缩放:8
});
}
$(“#平移”)。在(“单击”,函数(){
//潘图
});代码>
包含映射的元素*/
#地图{
身高:100%;
}
/*可选:使示例页面填充窗口*/
html,正文{
身高:100%;
保证金:0;
填充:0;
}
向左平移
在我对问题的回答中:,以下代码是单击平移控件时平移地图的代码:
/** @param {PanDirection} direction */
PanControl.prototype.pan = function(direction) {
var panDistance = 50;
if (direction == PanDirection.UP || direction == PanDirection.DOWN) {
panDistance = Math.round(this.map.getDiv().offsetHeight / 2);
this.map.panBy(0, direction == PanDirection.DOWN ? panDistance : -1 * panDistance);
}
else {
panDistance = Math.round(this.map.getDiv().offsetWidth / 2);
this.map.panBy(direction == PanDirection.RIGHT ? panDistance : -1 * panDistance, 0);
}
}
按钮单击侦听器功能中带有“向左平移”代码的代码段:
var映射;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
中心:{
lat:-34.397,
液化天然气:150.644
},
缩放:8
});
}
$(“#平移”)。在(“单击”,函数(){
var panDistance=Math.round(map.getDiv().offsetWidth/2);
panBy地图(-1*panDistance,0);
});代码>
#地图{
身高:100%;
}
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
向左平移
相关问题:(我回答中的自定义平移控件符合您的要求,它就在地图上)