首页 / OpenLayers / 使用示例
`r`n 全屏指定元素
让全屏控件作用于整个工作区,而不只是地图画布,工具栏一起进入全屏。
`r`n
源码与运行效果
说明
ol.control.FullScreen 的 source 选项接受元素或元素 id。
默认只看地图容器,传入外层工作区后,工具栏、状态栏与地图一起进入全屏,
布局不会因为少了工具条而跳动。
按钮文案由 label 与 labelActive 控制,
提示语用 tipLabel;进入与退出全屏时控件会自行切换状态。
| 操作 | 结果 |
|---|---|
| 点「全屏」 | 工具栏与地图一起铺满屏幕 |
| 全屏状态下再点按钮 | 退出全屏,回到页面布局 |
| 按 Esc | 由浏览器接管退出,控件状态同步还原 |
全屏元素的高度依赖父级尺寸,若外层用了 overflow:hidden 的固定高度容器,全屏后地图可能仍是原尺寸。