gmap3 偏移地图中心答案

【问题标题】：gmap3 offsetting map centergmap3 偏移地图中心
【发布时间】：2017-10-02 22:20:43
【问题描述】：

我有一张地图，上面有一个信息框覆盖在标记的顶部。由于该框引用很大，因此我需要将地图的中心向下偏移约 150 像素。我不知道如何使用 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
  });

谢谢

【问题讨论】：

标签： jquery google-maps jquery-gmap3

【解决方案1】：

我自己找到了解决方案。忘了说我使用的是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);

【讨论】：