246：vue+openlayers 绘制多边形，drawend获取最大幅宽 - 码农知识堂 - 文章详情页

246：vue+openlayers 绘制多边形，drawend获取最大幅宽
第246个

点击查看专栏目录

本示例是演示如何在vue+openlayers项目中绘制多边形，drawend获取最大幅宽。这里利用turf的turf.distance和openlayers的getExtent获取坐标值。距离赤道越近，幅宽会越大一些，这里面利用了Math.abs来做绝对值的判断处理。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果
文章目录
- 示例效果
  
  配置方式
  
  安装turf
  
  示例源代码（共120行）
  
  相关API参考：
  
  专栏目标
示例效果
相关阅读:
x264 编码器 AArch64 汇编函数模块关系分析
 基于JAVA的医疗机械设备管理系统设计与实现_kaic
（附源码）springboot应用支撑平台和应用系统毕业设计 984655
2022年最新河北机动车签字授权人模拟考试及答案
 K8S集群etcd 某个节点数据不一致如何修复 —— 筑梦之路
 【HarmonyOS】【JAVA UI】HarmonyOS 如何集成KLog
汽配制造问题以及MES管理系统解决方案
 nginx localtion使用正则匹配导致301 循环
 NNZ 2591 是环状甘氨酸脯氨酸 (cGP) 小肽的合成类似物 | MedChemExpress (MCE)
如何选择靠谱的全景平台？VR全景加盟从哪方面对比？
原文地址：https://blog.csdn.net/cuclife/article/details/134392542