对Gmap3使用带有标签的自动调整功能？

Question

我试图在下面结合Gmap3的2个功能（尽管链接中的“自动拟合”演示似乎无效，当我将参数添加到本地演示中时，它可以正常工作）：

http://gmap3.net/examples/tags.html

http://gmap3.net/api/auto-fit.html

因此，我想为使标记可见和不可见的区域提供一个复选框，并且希望此选择后地图自动放大和缩小以显示页面上的所有图钉。

这可能吗，我该如何实现呢？ 谢谢

Answer 1

似乎自动装配无法处理已移除的物品。

但是您可以自己实现。

对于给定的示例，此修改可以做到：

---

1。

替换此行：

tmp[ ville.region ] = true;

通过：

if( tmp[ ville.region ])
{
 tmp[ ville.region ].bounds.extend(new google.maps.LatLng(ville.lat,ville.lng))
}
else
{
 tmp[ ville.region ]=
  {
   bounds:new google.maps.LatLngBounds(new google.maps.LatLng(ville.lat,ville.lng)),
   checked:true
  }
}

它将为每个区域存储LatLngBounds和状态（已选中）

---

2。

在此之后添加：

 $.each(markers, function(i, marker){
                marker.setMap( checked ? map : null);
            });

这些行：

tmp[region].checked=checked;
var bounds=new google.maps.LatLngBounds();

$.each(tmp,function(i,o)
                      {
                        if(o.checked)
                        {
                          bounds.union(o.bounds);
                        }
                      }
                  );
map.fitBounds(bounds);

它将设置当前区域的检查状态，然后为所有可见区域计算LatLngBounds。 结果将用作map.fitBounds（）的参数

---

演示： http ： //jsfiddle.net/doktormolle/nBtVB/