美文网首页
Openlayers API-Modify

Openlayers API-Modify

作者: 写前端的大叔 | 来源:发表于2020-02-15 22:19 被阅读0次

使用ol/interaction/Modify对象可以修改已经添加到图层上的几何图形,使用起来很简单,首先创建一个Modify对象,然后再使用MapaddInteraction方法添加该对象,然后将鼠标移动到已经绘制好的线条或点上面,再移动鼠标,可以对图形进行修改。按住Alt键时,再点击鼠标,可以删除选中的点。

var modify = new ol.interaction.Modify({
            source:sourse
        })
map.addInteraction(modify);

属性

  • condition:设置一个函数,在修改时监听点击事件,返回一个布尔值表示是否处理该点击事件。比如返回false时,选中点后,点击选中的点再移动鼠标时将不处理移动事件。
  • deleteCondition:设置一个函数,返回一个布尔值是否执行删除的操作。
  • insertVertexCondition:设置一个函数,返回一个布尔值表示是否添加新的点。比如我们在编辑多边形时,点击多边形上的线条时,默认是可以在点击的位置添加一个点。如果返回值为false,不会添加新的坐标点。
  • pixelTolerance:设置捕捉点的像素差,如果设置的很大,离坐标点很远也能捕捉到点,默认值 为10px

方法

  • removePoint:删除当前正编辑的点。

事件

  • modifystart:编辑开始时触发。
  • modifyend:编辑结束时触发。
    个人博客

相关文章

网友评论

      本文标题:Openlayers API-Modify

      本文链接:https://www.haomeiwen.com/subject/byqufhtx.html