247：vue+openlayers 根据坐标显示多边形（3857投影），计算出最大幅宽 - 码农知识堂 - 文章详情页

247：vue+openlayers 根据坐标显示多边形（3857投影），计算出最大幅宽
第247个

点击查看专栏目录

本示例是演示如何在vue+openlayers项目中根据坐标显示多边形（3857投影），计算出最大幅宽。这里先通过Polygon来显示出多边形，利用getExtent() 获取3857坐标下的最大最小x，y值，通过ransformExtent转换坐标为4326，通过turf的turf.distance和计算距离。距离赤道越近，幅宽会越大一些，这里面利用了Math.abs来做绝对值的判断处理。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果
文章目录
- 示例效果
  
  配置方式
  
  安装turf
  
  示例源代码（共140行）
  
  相关API参考：
  
  专栏目标
相关阅读:
Android Studio编译及调试知识
 【QT】事件分发器/事件过滤器/事件处理的介绍和使用
 企业内容管理（ECM）集成如何为您的 IT 环境增加价值
 SCS【13】单细胞转录组之识别细胞对“基因集”的响应 (AUCell)
Windows10上使用llama-recipes(LoRA)来对llama-2-7b做fine-tune
【并发编程】多线程读写同一变量的并发问题（并发编程启动）
支付宝回应网商银行暂停转入功能；美国上诉法院裁决Web抓取合法；W3C发布WebAssembly 2.0初版草案|极客头条
 k8s驱逐篇(2)-kubelet节点压力驱逐
 68、SpringAQMP（消息转化器）
Containerd-1.6.5 镜像命令空间和容器操作使用
原文地址：https://blog.csdn.net/cuclife/article/details/134394711