OpenLayers教程五:地图控件之坐标拾取控件和鹰眼控件

目录

一、坐标拾取控件

二、鹰眼控件


一、坐标拾取控件

    很多时候我们想要实时获取鼠标光标指示处对应的坐标,就像高德地图的坐标拾取:https://lbs.amap.com/console/show/picker

    OpenLayers提供的ol.control.MousePosition类也能够实现坐标拾取功能。

    MousePosition.html:




    
    
    
    mousePosition
    
    


    

    上面代码初始化了一个ol.control.MousePosition类的实例,并加入到地图。

    坐标拾取控件效果:

OpenLayers教程五:地图控件之坐标拾取控件和鹰眼控件_第1张图片

 

二、鹰眼控件

    鹰眼图是GIS中的一个基本的功能,鹰眼图,顾名思义,在鹰眼图上可以像从空中俯视一样查看地图框中所显示的地图在整个图中的位置。

    OpenLayers提供的ol.control.OverviewMap类可以实现鹰眼图。

    overviewMap.html:




    
    
    
    overviewMap
    
    


    

    鹰眼图效果:

OpenLayers教程五:地图控件之坐标拾取控件和鹰眼控件_第2张图片

 

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