在做WebGIS项目开发时往往都有一个測量的基础功能，这个功能虽然不算太难但是往往确花费不少的时间去完成，以前都是基于jQuery或原生js去做现在基于Vue还得改，索性花上一點时间模仿了其他平台的测量功能效果做一个组件，包含了

下次可以直接拿来用。下面是效果图：

测量组件需要拥有距离测量、面积測量、角度测量距离测量需要标注出起点以及起点到后面每一个点的阶段距离，最后一个点标注测量的总距离；面积测量是在地图上绘淛一个多边形完成绘制后标注出多边形的面积；角度测量是绘制三个点，将第二个点为角的顶点
在绘制图像时有操作提示，有动态测量的结果

地图组件引入测量组件：

这就是基于Vue实现的一个测量组件，有需要的朋友可以用用有些不足的地方可以自己再优化一下，也歡迎指正样式可以根据自己的需求修改，奥利给~

主要为大家详细介绍了Openlayers测量距离與面积的实现方法文中示例代码介绍的非常详细，具有一定的参考价值感兴趣的小伙伴们可以参考一下