如何让gmap3进行缩放

时间:2014-06-30 21:23:45

标签: jquery google-maps jquery-gmap3

我正在使用GMAP3生成地图。以下代码效果很好,但只要删除<,“autofit”>从脚本,地图不起作用。我这样做是因为当我使用maxZoom时,它不允许我通过地图工具放大。

jQuery(document).ready(function() 
{
 $('#location-map').gmap3({
 map: {
  options: {
    zoom:4,
    maxZoom: 6
  } 
},
marker:{
  address: "1600 Pennsylvania Ave, Washington DC",
  options: {
   icon: new google.maps.MarkerImage(
     "http://www.somesite.com/images/pin_blue.png",
     new google.maps.Size(32, 37, "px", "px")
   )
  }

}
},"autofit");
});

我仔细阅读了gmap文档并使用Google搜索,除了这个问题之外找不到任何其他问题:Setting a max zoom level using jquery gmap3 & autoFit

虽然似乎添加额外的半径可能不是解决此问题的正确方法。

谢谢!

1 个答案:

答案 0 :(得分:2)

删除autofit - 选项(我猜“不起作用”应该意味着地图不在标记位置居中)并使用标记的回调函数来设置中心:< / p>

marker:{
  address: "1600 Pennsylvania Ave, Washington DC",
  options: {
   icon: new google.maps.MarkerImage(
     "http://www.somesite.com/images/pin_blue.png",
     new google.maps.Size(32, 37, "px", "px")
   )
  },
  callback:function(m){
    m.getMap().panTo(m.getPosition());
  }
}