本文主要是介绍247:vue+openlayers 根据坐标显示多边形(3857投影),计算出最大幅宽,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
本示例是演示如何在vue+openlayers项目中根据坐标显示多边形(3857投影),计算出最大幅宽。这里先通过Polygon来显示出多边形,利用getExtent() 获取3857坐标下的最大最小x,y值,通过ransformExtent转换坐标为4326, 通过turf的turf.distance和计算距离。 距离赤道越近,幅宽会越大一些,这里面利用了Math.abs来做绝对值的判断处理。
直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果
文章目录
- 示例效果
- 配置方式
- 安装turf
- 示例源代码(共140行)
- 相关API参考:
- 专栏目标
这篇关于247:vue+openlayers 根据坐标显示多边形(3857投影),计算出最大幅宽的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!