Openlayers测量距离与面积的实现方法

网络编程 2024/12/23 佚名

3 2 1

圆月山庄资源网 Design By www.vgjia.com

本文实例为大家分享了Openlayers测量距离与面积的具体代码，供大家参考，具体内容如下

1、地图测量功能

一般的地图的测量功能主要表现在两个方面，一是测量距离，一是测量面积；面积的测量是根据鼠标绘制的范围，通过地理坐标系的转换而计算出实际面积大小，距离的测量是根据鼠标在地图上绘制的点，实时计算出两点之间的实际距离，下面我们就在Openlayers3中来实现这一功能；

2、代码实现

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <title></title>
 <script src="/UploadFiles/2021-04-02/ol.js">

3、结果展示
测量距离

测量面积

此外，还能勾选使用大地测量的复选框，进行球面距离和面积的测量
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。