openlayers5实战--踩坑总结

摘要:
从CC导入{circularPolygon,fromCircularfromCirclePolygon};eg1:letlng=parseFloat;letlat=parseFloat;letradius=parseFloat;letcircle=newCircle;feature=newFeatureeg2:letlng=item.coordinateList[0]。液化天然气;letlat=item.coordinateList[0]。纬度;letradius=item.coordinateList[0]。半径letcircle4326=圆形多边形;letcircle3857=circle4326.clone()。使改变feature=newFeature;2.测距不准。

1.接口返回圆心坐标和半径,直接通过new Circle(center,radius)添加圆形feature变小问题。

  解决办法:

  new  Feature()的geometry参数不能直接赋值new  Circel()得到的geometry,

  要通过‘ol/geom/Polygon.js’中的fromCircle方法将new  Circel()得到的geometry转化一遍然后赋值给new  Feature()的geometry。

  另:如果接口直接返回的坐标点画圆,则使用‘ol/geom/Polygon.js’中的circular方法。

import {circular as circularPolygon, fromCircle as fromCirclePolygon} from CC;
eg1:
let lng = parseFloat(d[0].lng); let lat = parseFloat(d[0].lat); let radius = parseFloat(d[0].radius); let circle = new Circle(transform([lng, lat], 'EPSG:4326', 'EPSG:3857'), radius);
feature = new Feature({
   position: transform([lng, lat], 'EPSG:4326', 'EPSG:3857'),
   radius: radius,
   type: 'circle',
   id: 'N',
   geometry: fromCirclePolygon(circle)
})

eg2:
let lng = item.coordinateList[0].lng;
let lat = item.coordinateList[0].lat;
let radius = item.coordinateList[0].radius;
let circle4326 = circularPolygon([lng, lat],radius,64);
let circle3857 = circle4326.clone().transform('EPSG:4326', 'EPSG:3857');
feature = new Feature(circle3857);


  

2.测距不准问题。

  解决办法:

  使用'ol/sphere.js'中的getLength()方法计算。

  

/*格式化测量长度
       *@params line:  type geometry
       */
      formatLength (line) {
        //定义长度变量
        let length = getLength(line);
        let output;
        if (length > 100) {
          output = `${(Math.round(length / 1000 * 100) / 100)} 公里`;
        } else {
          output = `${(Math.round(length * 100) / 100)} 米`;
        }
        return output;
      },

  

免责声明:文章转载自《openlayers5实战--踩坑总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Win32汇编--数据结构OC基础 代理和协议下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

yum安装程序报错:One of the configured repositories failed (Unknown),and yum doesn't have enough cached data to continue

使用yum时,程序会报告以下错误:一个已配置的存储失败(未知),但没有足够的缓存继续。至此,只有一个存储失败。以下几种方法可以停止工作“修复”此问题:1.联系上游...

模拟浏览器请求(WebRequest)

//参数stringblockType=context。要求从其他公司传递的参数[“BlockType”]///stringblockNo=context.Request.Params[“BlockNo”];//blockList.其中(c=>blockType=SZ&...

【NS-3学习】ns3-模拟基础:关键概念,日志,命令行参数

前言本博客首先介绍了模拟过程中使用的一些关键概念,然后介绍了有助于调试模拟脚本的常见技术:日志、命令行参数。Ns-3不是一个特殊的互联网模拟器,而是一个网络模拟器。在ns-3的仿真环境中,节点可以连接到表示数据交换通道的对象。这里,基本通信子网的抽象概念被称为信道,由C++中的channel类描述。在ns-3中,网络设备的抽象概念相当于硬件设备和软件驱动程序...

高斯键盘设置指南

高斯键盘设置指南如何打开蓝牙模式电源:蓝牙需要电源。高斯GS87-D有两种通电方式:将键盘背面的开关转到on;使用USBType-C电源切换模式:Fn+P用于在有线模式和无线模式之间切换。按下Fn+P,Fn+PP右上角的键盘灯闪烁3次。有线模式和蓝牙模式相互切换。但是,没有指示灯指示当前模式是有线模式还是蓝牙模式如何连接蓝牙代码匹配:长按Fn+P,直到P键快...

PCL点云分割(2)

点云的分割是我想做的机器人手臂捕捉的一个非常重要的部分,因此首先要了解,如果我使用点云库来处理我用kinect获得的点云数据,这个例程也是由我自己慢慢修改程序并结合官方API的解释来实现的。如果我直接更改源程序,由于数据类型、头文件和其他原因,其中的许多细节可能无法编译,我们将很难找出错误。首先,让我们看看我自己设定的场景。然后我使用Kinect获取数据并观...

db2数据导出导入del与ixf格式

ixf格式保存的是结构和数据,是一个二进制文件,ixf文件不可视。...