首页 / OpenLayers / 使用示例
缩放滑块
三张地图各自装一个缩放滑块，拖动滑块或点击轨道都能改变层级。
源码与运行效果
说明
ol.control.ZoomSlider 是内置控件，默认停靠在地图左上角。滑块高度对应视图的最小和最大缩放级别，拖动时连续更新分辨率，点击轨道则跳到对应层级。示例用三个独立地图验证控件在多次实例化时互不影响。
| 操作 | 结果 |
|---|---|
| 拖动滑块 | 地图连续缩放，层级随滑块位置变化 |
| 点击滑块轨道 | 直接跳到对应层级 |
| 分别操作三张地图 | 每个地图的视图状态互不干扰 |
滑块只控制缩放，不改变中心点；需要同时复位范围时，另配 ZoomToExtent 或自定义按钮。