Advertisement

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);
    
    
    
    

![](htt

全部评论 (0)

还没有任何评论哟~