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

Question

我是一名js noob，我想在我的浏览器显示后输入一行更改Google地图中心点的代码。 675px。我使用的是谷歌地图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

您需要处理resize事件，而不是仅在文档就绪上运行代码：

$(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));
  };
});