我在地图标记的顶部有一个带有信息框覆盖图的地图。由于框是引用大的,它会离开视图,所以我需要将地图的中心偏移约150px。 我无法弄清楚如何使用panBy方法使用gmap3 jQuery插件来偏移地图中心。
这是我的代码:
var center = [<?php echo $coordinate ?>];
$('#sw-map')
.gmap3({
center: center,
zoom: 16,
mapTypeId : google.maps.MapTypeId.ROADMAP,
})
.marker({
position: center
})
.overlay({
position: center,
content: html,
x:-125,
y:-260
});
由于
答案 0 :(得分:0)
我自己找到了解决方案。 忘记提到我正在使用gmap3 v7.2,我不得不切换回v6改变代码一点点,这是工作解决方案:
var center = [<?php echo $coordinate ?>];
var default_zoom = <?php echo $sw_single_map_default_zoom_level ?>;
var max_zoom = <?php echo $sw_single_map_max_zoom_level ?>;
var min_zoom = <?php echo $sw_single_map_min_zoom_level ?>;
var offsetX = -125;
var offsetY = -268;
var panY = -100;
<?php if ($sw_single_map_infobox == 1) {
?>
var offsetX = -47;
var offsetY = -154;
var panY = -70;
<?php } ?>
$("#sw-map").gmap3({
map:{
options:{
center: center,
zoom: default_zoom,
maxZoom: max_zoom,
minZoom: min_zoom,
mapTypeId : google.maps.MapTypeId.ROADMAP
}
},
marker:{
latLng: center
},
overlay:{
latLng: center,
options:{
content: html,
offset:{
x: offsetX,
y: offsetY
}
}
}
});
var map = $("#sw-map").gmap3("get");
map.panBy(0,panY);