zl程序教程

您现在的位置是:首页 >  前端

当前栏目

142:vue+openlayers 测量长度和面积,modifyend后更改数值

Vue 更改 长度 数值 测量 面积 OpenLayers 142
2023-09-14 09:09:16 时间

在这里插入图片描述

第142个

点击查看专栏目录


本示例的目的是介绍如何在vue+openlayers项目中测量长度和面积,控制开关及提示信息尾随在某个点上,长度尾随在最后一个点,面积是extent的中心交互点。通过modify来修改线段或者面积的信息,modifyend执行后,相应的数值会随之改变。 关键部分是,modifyend得到的是一组features

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

示例效果