使用 GMAP3 的页面上的地图正在加载缩小的方式，并且只有在第二次单击选项卡按钮后才会放大

Question

我继承了在这个网站上的工作，所以我不是 100% 了解可能存在的一些变量，这就是我所知道的。直到最近，它确实运行良好。

该网站使用的是 GMAP3 5.1.1 插件，jQuery v1.8.2

link 在这里：http://www.wcsmith.com/dc-apartments/

单击“地图视图”按钮时，地图会缩小。再次点击时，显示放大。

我试了几个 window.resize 函数才知道有用。

我的下一步是将站点复制到本地并真正投入使用，但认为其他人可能遇到了这个问题...

Answer 1

在第 2653 行 gmap3.min.js 上，您得到了这样的信息：

   $('#gmap_view_wrapper').gmap3({
          map: {
            options: {
              mapTypeId: "RoadMap",
              zoomControl: true,
              panControl: false,
              streetViewControl: false,
              mapTypeControlOptions: {
                mapTypeIds: ["RoadMap", google.maps.MapTypeId.SATELLITE]
              }
            }
          },

添加所需的缩放比例：

   $('#gmap_view_wrapper').gmap3({
          map: {
            options: {
              mapTypeId: "RoadMap",
              zoomControl: true,
              zoom: 4,
              panControl: false,
              streetViewControl: false,
              mapTypeControlOptions: {
                mapTypeIds: ["RoadMap", google.maps.MapTypeId.SATELLITE]
              }
            }
          },

如果我记得不错，将值从 1 更改为 13

编辑：

再看一眼，是边界部分搞砸了。同一文件的最后一部分：

var bounds = new google.maps.LatLngBounds(
         new google.maps.LatLng((points[0].lat * 0.99999), points[0].lng ),
         new google.maps.LatLng((points[0].lat * 1.00008), points[0].lng));
        for(var i = 1; i < points.length; i++) bounds.extend(new google.maps.LatLng(points[i].lat, points[i].lng));
        gm = $('#gmap_view_wrapper').gmap3('get');
        gm.fitBounds(bounds);
  }
}

当删除那部分地图加载正常，但越界，所以如果你调整那部分代码，你会得到你想要的。祝你好运！

使用 GMAP3 的页面上的地图正在加载缩小的方式，并且只有在第二次单击选项卡按钮后才会放大

Map on page using GMAP3 is loading zoomed way out, and only zooms in after clicking the tab button a second time

jquery

google-maps

jquery-gmap3