OpenLayers教程六:地图控件之旋转控件与比例尺控件

目录

一、地图旋转控件

二、比例尺控件


一、地图旋转控件

    地图旋转控件(ol.control.Rotate)默认被自动加入到地图中,所以每一个使用OpenLayers创建的地图中都包含了旋转控件。

    simple_map.html:




    
    
    
    Simple Map
    
    


    

    使用浏览器打开simple_map.html,同时按住键盘的Shift键+Alt键,然后用鼠标拖拽地图,可以使地图旋转:

OpenLayers教程六:地图控件之旋转控件与比例尺控件_第1张图片

    此时地图右上角会出现一个复位键,点击它可以让地图恢复原始角度。

 

二、比例尺控件

    OpenLayers使用ol.control.ScaleLine类实现了地图比例尺功能。

    scaleLine.html:




    
    
    
    Simple Map
    
    


    

      用浏览器打开scaleLine.html,可以发现地图的左下角渲染出了一个比例尺控件:

OpenLayers教程六:地图控件之旋转控件与比例尺控件_第2张图片

    可以发现,这里比例尺控件使用的单位是km,如果想使用其他单位,可以修改ScaleLine类中的units属性。

    units属性接受"degrees"、"imperial"、"us"、"nautical"或"metric"(默认为”metric")。

 

你可能感兴趣的:(开源GIS)