首页 / OpenLayers / 使用示例
全屏
右上角加一个全屏按钮，点击后地图铺满显示器。 进出全屏都会改变容器尺寸，状态栏会实时显示重算后的画布宽高。
源码与运行效果
说明
ol.control.FullScreen 调用的是浏览器原生的
Fullscreen API，作用于地图容器本身，页面其他元素会被遮住。
用 extend 追加到默认控件集，就能出现在右上角的控件组里。
| 事件 | 说明 |
|---|---|
change:size | 容器尺寸变化，进入或退出全屏时触发 |
enterfullscreen | 控件进入全屏后触发 |
leavefullscreen | 退出全屏后触发 |
示例在 change:size 里读取 map.getSize()，
返回的是当前画布的像素宽高。不需要手动调用 updateSize()，
地图自己会处理。
在 iframe 内嵌页面里，全屏请求可能被父页面的
allowfullscreen 属性拦截。示例页的演示框本身支持全屏，
单独打开 demo 文件时行为与浏览器标签页一致。