Openlayers高级交互（17/20）：通过坐标显示多边形，计算出最大幅宽

还是大剑师兰特

于 2024-11-04 07:30:00 发布

阅读量403

点赞数 58

CC 4.0 BY-SA版权

分类专栏： # Openlayers 高级应用20例文章标签：大剑师 Openlayers教程 Openlayers高级 Openlayers示例

本文链接：https://blog.youkuaiyun.com/cuclife/article/details/143120269

Openlayers 高级应用20例专栏收录该内容

21 篇文章 ¥99.90 ¥299.90

订阅专栏

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