javascript - 在浏览器大小上更改谷歌地图的中心

Question

我是一个 js 菜鸟，我想输入一行代码，一旦我的浏览器小于 675px，就会改变我的谷歌地图的中心点。我正在使用 Google 地图 API 的 v3。

到目前为止，我有这段代码似乎不起作用。

$(function() {  
  if($('#pgWidth').width() <= 675){
  map.setCenter(new google.maps.LatLng(51.50000 , -0.30000));
  } else {
  map.setCenter(new google.maps.LatLng(51.50000, -0.30200));
  };
});

Answer 1

您需要处理调整大小事件，而不是仅在准备好文档时运行代码：

$(window).resize(function() {
  if($(window).width() <= 675) {
    map.setCenter(new google.maps.LatLng(51.50000 , -0.30000));
  } else {
    map.setCenter(new google.maps.LatLng(51.50000, -0.30200));
  };
});