246:vue+openlayers 绘制多边形,drawend获取最大幅宽

在这里插入图片描述

第246个

点击查看专栏目录


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

直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果

文章目录

      • 示例效果
      • 配置方式
      • 安装turf
      • 示例源代码(共120行)
      • 相关API参考:
      • 专栏目标

示例效果

你可能感兴趣的:(#,vue.js,前端,javascript)