`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

全屏指定元素

让全屏控件作用于整个工作区,而不只是地图画布,工具栏一起进入全屏。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

ol.control.FullScreen 的 source 选项接受元素或元素 id。 默认只看地图容器,传入外层工作区后,工具栏、状态栏与地图一起进入全屏, 布局不会因为少了工具条而跳动。

按钮文案由 label 与 labelActive 控制, 提示语用 tipLabel;进入与退出全屏时控件会自行切换状态。

操作结果
点「全屏」工具栏与地图一起铺满屏幕
全屏状态下再点按钮退出全屏,回到页面布局
按 Esc由浏览器接管退出,控件状态同步还原

全屏元素的高度依赖父级尺寸,若外层用了 overflow:hidden 的固定高度容器,全屏后地图可能仍是原尺寸。

`r`n
`r`n