使用OpenLayers3如何实现测量功能-创新互联

今天就跟大家聊聊有关使用OpenLayers3如何实现测量功能，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

1. 前言

测量功能实现面积的测量以及长度的测量。通过鼠标绘制区域以及长度来进行测量。OpenLayers 3 框架没有提供测量控件，但提供了相应的接口，需要需要基于几何对象的相应接口，结合图形绘制功能实现。

2. 实现思路

（1）新建一个网页，引用 openlayers 3 开发库、jQuery 库与 bootstrap 库，并参照前面显示地图的文章，加载 OSM 瓦片图层。
（2）在地图容器中，创建一个测量类型选择控件，进行选择距离测量与面积测量。
（3）编写代码实现测量功能。

3. 实现代码

html主要代码

    

      测量类型：
      
      长度
      面积
    
      使用大地测量