基于openlayers实现角度测量功能_JavaScript

基于openlayers实现角度测量功能

2021-10-18 17:35GISer_飘逸的梦 JavaScript

这篇文章主要为大家详细介绍了基于openlayers实现角度测量功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

基于openlayers的测量功能，官网提供了长度测量和角度测量，但是没有角度测量，在此写一下基于openlayers的角度测量功能，主要方法如下：

				?

									var formatAngle = function (line) {

									  var coordinates = line.getCoordinates();

									  var angle=0;

									  var sourceProj = map.getView().getProjection();

									  for (var i =0, ii = coordinates.length - 1; i < ii; ++i) {

									    var c1 = ol.proj.transform(coordinates[i], sourceProj, 'EPSG:4326');

									    var c2 = ol.proj.transform(coordinates[i + 1], sourceProj, 'EPSG:4326');

									    var c3=0

									    //当绘制两个及以上点的时候，将c1的值传给C3，C2的值传给C1

									    if(i>=1){

									      c3=ol.proj.transform(coordinates[i-1], sourceProj, 'EPSG:4326');

									      var disa=wgs84Sphere.haversineDistance(c3, c1);

									      var disb=wgs84Sphere.haversineDistance(c1, c2);

									      var disc=wgs84Sphere.haversineDistance(c2, c3);

									      //由于绘制结束的时候双击会导致c1=c2，从而disb=0，而分母不能为零，导致angle=NAN值，所以需要取双击的前一次值。

									      //当有三个以上的点的时候，形成了角度，需要对角度进行测量输出。

									      if(disb===0&&i>=2){

									        c1 = ol.proj.transform(coordinates[i-1], sourceProj, 'EPSG:4326');

									        c2 = ol.proj.transform(coordinates[i], sourceProj, 'EPSG:4326');

									        c3 = ol.proj.transform(coordinates[i-2], sourceProj, 'EPSG:4326');

									        disa=wgs84Sphere.haversineDistance(c3, c1);

									        disb=wgs84Sphere.haversineDistance(c1, c2);

									        disc=wgs84Sphere.haversineDistance(c2, c3);

									      }

									      var cos=(disa*disa+disb*disb-disc*disc)/(2*disa*disb);  //利用余弦定理公式计算cos值

									      angle=Math.acos(cos)*180/Math.PI;  //求反余弦值，得到弧度制，并将弧度值转角度值

									      angle=angle.toFixed(2)+"度";  //对计算完成的角度，保留两位小数

									      //由于绘制结束的时候双击会导致c1=c2，从而disb=0，而分母不能为零，导致angle=NAN值，所以需要取双击的前一次值。

									      //当只有两个点的时候，只是一条线，并不形成角度，需要提示继续绘制。

									      if(disb===0&&i<2){

									        angle="请继续绘制形成角度";

									      }

									    }

									    //当只是绘制一个点的时候，提示继续绘制。

									    else{

									      angle="请继续绘制形成角度";

									    }

									  }

									  var output;

									  output=angle;

									  return output;//返回

									};