Openlayers零基础第4期地图控件
发布时间
阅读量:
阅读量
地图控件功能与应用
本教程将重点阐述以下地图相关功能组件:
- 视图切换操作模块
- 缩放比例调节组件
- 屏幕全屏显示功能模块

2. 实现步骤:
2.1. 初始化地图
前文已对相关内容进行了阐述,本文将直接省略该环节。
2.2. 视图跳转控件
/* 视图跳转控件 */
const ZoomToExtent = new ol.control.ZoomToExtent({
extent: [110, 30, 160, 30]
});
map.addControl(ZoomToExtent);
2.3. 放大缩小控件
/* 放大缩小控件 */
const zoomslider = new ol.control.ZoomSlider();
map.addControl(zoomslider);

还没有任何评论哟~
