Javascript 使用外部按钮控制缩放级别

我今天花了很多时间试图弄明白这是否可能，但我一直没能弄明白

我有一张谷歌地图，上面有一系列的标记，放在不同的城镇。我的地图外还有几个按钮，可以平移到Lat、Lng位置。基本上，我有一张地图，地图外面有按钮，上面有城镇或城市的名字，当用户点击按钮时，它会平移到地图上的位置

但我想做的是，当点击按钮时，缩放到不同的级别

我的问题是，当地图初始化时，我将其缩小，以便用户可以看到所有标记，但当用户单击特定位置时，我希望地图被放大

这可能吗

以下是我的html按钮代码：

<btn style="cursor:pointer" class="location" data-location="50.0515016,-110.7794323">Medicine Hat</btn>

---

我相信你必须调用

map.setZoom（2）就在panTo方法之前

因此，您的fn将如下所示：

function pan(latlon) {
  var coords = latlon.split(",");
  var panPoint = new google.maps.LatLng(coords[0], coords[1]);
  map.setZoom(10); // or whatever lvl of zoom desired
  map.panTo(panPoint);
}

我相信你必须调用
map.setZoom（2）就在panTo方法之前

因此，您的fn将如下所示：

function pan(latlon) {
  var coords = latlon.split(",");
  var panPoint = new google.maps.LatLng(coords[0], coords[1]);
  map.setZoom(10); // or whatever lvl of zoom desired
  map.panTo(panPoint);
}

谢谢，我把这件事弄得比实际需要的更困难。我使用了您的想法，只是更改了代码行
jQuery（document）.ready（函数（$）{$（'.location'）。on（'click'，函数（）{map.setZoom（12）；pan（$（this.data（'location'））；}）；}）谢谢，我把这件事弄得比需要的更难。我使用了您的想法，只是更改了代码行
jQuery（document）.ready（函数（$）{$（'.location'）。on（'click'，函数（）{map.setZoom（12）；pan（$（this.data（'location'））；}）；}）
function pan(latlon) {
  var coords = latlon.split(",");
  var panPoint = new google.maps.LatLng(coords[0], coords[1]);
  map.setZoom(10); // or whatever lvl of zoom desired
  map.panTo(panPoint);
}