google-maps - Google Maps API v3 - 如何检测 map 何时更改为全屏模式?

标签 google-maps google-maps-api-3

有没有办法检测用户何时单击默认的全屏模式按钮?

这些是我正在使用的 map 选项:

var mapOptions = {
            center: {
                lat: 40.907192,
                lng: 20.036871
            },
            zoom: 2,
            fullscreenControl: true
        };

最佳答案

DaveBurns 的答案进行了一些修改,因为我不使用 jQuery。我还需要使用 clientHeight 和 clientWidth

window.google.maps.event.addListener(
  map,
  'bounds_changed',
  onBoundsChanged,
);

function onBoundsChanged() {
  if (
    map.getDiv().firstChild.clientHeight === window.innerHeight &&
    map.getDiv().firstChild.clientWidth === window.innerWidth
  ) {
    console.log('FULL SCREEN');
  } else {
    console.log('NOT FULL SCREEN');
  }
}

关于google-maps - Google Maps API v3 - 如何检测 map 何时更改为全屏模式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39620850/

相关文章:

javascript - 如何在不点击标记事件的情况下在谷歌地图中获取一些信息并将其显示在除 infoWindow 之外的 div 中

ios - 在 Swift 中绘制图像需要很长时间

iOS 谷歌地图 V3 和使用限制

javascript - 如何在自定义 Google map 上显示白色弹出框?

google-maps - 美国的默认中心?

android - 如何在 Android 中请求启用 GPS 的权限

ios - 为什么谷歌地图无法使用谷歌地图 API 在 iOS 中加载?

javascript - 无论单击哪一个,都会打开最后一个 Google map 标记的信息窗口

javascript - 将多边形导入 Google 我的 map

javascript - Google Map API v3 - 属性 <zoom> 值无效