OpenLayers官方示例详解三:Drag, Rotate, and Zoom

一、示例简介

    这个示例实现了按键Shift加上鼠标拖拽来围绕中心点旋转和缩放地图的功能

二、代码详解

    首先了解一下本示例将用到的ol.interaction.DragRotateAndZoom类。

    ol.interaction.DragRotateAndZoom控件允许用户通过鼠标点击和拖拽来缩放和旋转地图,默认情况下,该控件仅限于按住Shift键时起作用。

    这个控件仅支持鼠标设备,并且这个控件不包括在默认控件中,必须由我们自行添加。

    代码比较简单:




    
    
    
    Drag, Rotate, and Zoom
    
    


    

    官方示例地址:http://openlayers.org/en/latest/examples/drag-rotate-and-zoom.html

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