openlayers多边形的绘制的撤销/回退

最新推荐文章于 2024-05-28 22:45:00 发布
最新推荐文章于 2024-05-28 22:45:00 发布
阅读量805 收藏 2
点赞数 1
分类专栏： 个人学习 文章标签： openlayers
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43565052/article/details/127771614
版权
这篇博客记录了如何使用特定的API进行操作，例如this.draw.removeLastPoint()用于移除最后一个节点，并通过this.draw.overlay_.getSource().getFeatures()[1].getGeometry().flatCoordinates.length来判断剩余节点的数量。作者提到，未来将发布一个相关的演示示例。
摘要由CSDN通过智能技术生成

主要使用功能API
this.draw.removeLastPoint()
判断所剩余的节点数
this.draw.overlay_.getSource().getFeatures()[1].getGeometry().flatCoordinates.length

仅记录一下，日后会出个demo

weixin_43565052
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
OpenLayers 画点、线、及删除点、线 封装的js工具类
10-12
个人用了两三天时间，研究OpenLayers 框架，并成功在地图上画点、线、以及删除等方法，都封装在一个js工具类，方便用户的开发、、、、
OpenLayers Draw绘制时删除最后一个点
Gary Leong
05-13 1442
this.draw.removeLastPoint() Remove last point of the feature currently being drawn. 操作方法： 可以通过键盘快捷键操作，比如说ESC，删除当前正在绘制的图形的最后一点。
三十一、openlayers官网示例Draw Features解析——在地图上自定义绘制点、线、多边形、圆形并获取图形数据
最新发布
aaa_div的博客
05-28 1269
已经绘制了一个图形，但是并没有获取到。this.vectorlayer.getSource().getFeatures()不能实时获取到绘制图形的数据，因为drawend事件里feature还没被加到图层上。features绑定的数组不是普通的数组，Collection是openlayers内部定义的一个类似数组的集合。总的来说，两种方法都可以，甚至可以定义一个数组，每次绘制完都push一下当前绘制的feature。想要在地图上绘制图形，需要用到一个交互类Draw，new Draw，设置绘制的图形类型。
TRICK系列：Openlayers 中实现Draw通过键盘按键取消全部绘制、取消上一步绘制
老胡的CSDN博客
05-05 3428
Draw是OpenLayers中常用的一个组件，默认是单击绘制，双击结束绘制。 但是在实际工程中常常需要在绘制过程中使用按键来取消全部绘制、取消上一步绘制，如何做到呢？
openlayers 6绘画（2）-- 取消绘画
zwszh的博客
12-22 2115
前言 本来我是想写一个，在规定区域内绘画，并且他们之间不能那个相互交互重叠的效果，然后今天看到了一个大佬写得返回上一步的操作我觉得很好玩。so，就改成了这样，ctrl+z和ctrl+y的效果。 绘画时难免会遇到问题，撤销是一个很有用的方法。 直接上代码： 1.代码 代码如下： <template> <div id="map" ref="map"></div> </template> <script> import "ol/ol.css"; im
openlayers 给Feature提供修改撤销功能
bool的博客
05-09 2912
最近在开发燃气管道布线gis系统，需要用到openlayers，功能需要自己做一个撤销的功能，openlayers API找了一圈没有发现有提供相应的api，于是自己利用栈的天然先进后出机制实现了一个。 撤销功能主要通过一个栈来实现的： undoStack: [] // 撤回栈 当修改事件发生时，保存原来的Feature到栈中 modify.on('modifystart', (evt) => { var item = evt.features.item(0) .
Excel表Ctrl+v和Ctrl shift+v有什么区别_利用EXCEL绘制教学成绩分布图
weixin_39731271的博客
10-26 267
每次周测、月考后，学校备课组成员往往需要针对本次考试做简单的分析，以便及时发现问题，调整教学。一般来说，试卷分析包含试卷概况分析和大小题分析两大块。在试卷概况分析中，我们需要对年级、班级的均分、最高分、最低分有个基本的了解，当然最直观的是通过成绩分布图来了解本次考试各个分数段的分布情况，以此来判断本次考试是否和预期相符。那怎样快速绘制分数段分布图呢？今天就以EXCEL工具为例，跟大家介绍下如何利用...
openlayers shift取消绘制_Ps绘制超质感精致铅笔！
weixin_39639286的博客
12-22 250
在本教程中，教你如何绘制质感铅笔。 第一步 创建新文档 950 像素宽 600 像素高度、 分辨率设置为 300 像素/英寸和白色的背景。使一个矩形选区与风格的固定的大小，宽度为 400 像素和高度的 100 px。 第二步 拖动参考线并对齐选区的所有边缘和垂直中心。 第三步 打开渐变编辑器，选择预设菜单中的"金属"。如果您无法看到列表中的预设，请单击以右，然后选择"金属"从列表中的三角形按钮。单...
openlayers5绘制点线面圆.zip
08-01
这个"openlayers5绘制点线面圆.zip"文件应该包含了一个示例项目，演示如何在OpenLayers 5中实现这些绘制功能。 在OpenLayers 5中，我们可以使用`ol.interaction.Draw`交互类来实现地图上的绘制操作。首先，你需要...
openlayers3各种元素图形绘制
11-02
在这个主题中，我们将深入探讨如何利用OpenLayers 3在WebGIS中绘制各种特殊的图形，如进攻方向、自由地、分队战斗、弓形、扇形、箭头以及钳击。 1. **进攻方向**：在军事或战略规划中，表示进攻方向是非常重要的。...
Openlayers实现图形绘制
01-18
本文实例为大家分享了Openlayers实现图形绘制的具体代码，供大家参考，具体内容如下 1、新建一个html页面，引入ol.js文件，然后在body中创建一个div标签、label标签和一个select下拉选项卡； 2、代码实现 <!DOCTYPE html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8/> <title></title> <script src=../lib/ol/ol.js
OpenLayers 3 地图框选 画多边形 获取坐标 实例
12-01
OpenLayers 3 地图框选 Draw 画多边形 Polygon 获取坐标
openlayers对矢量图（多边形） 的增删改查
07-24
openlayers对矢量图（多边形） 的增删改查，三角形、矩形、五边形，你想几边就几边；添加、删除矢量图，修改矢量图，旋转、平移、拉伸
Openlayers绘制地图标注
10-14
在OpenLayers中绘制地图标注是将特定的信息或者兴趣点（POI）以图标或文字的形式在地图上清晰呈现的关键操作。这有助于用户更好地理解和解析地图上的数据。以下是对OpenLayers中绘制地图标注的详细说明： 1. **标注...
openlayers shift取消绘制_Ai绘制超漂亮彩虹字效
weixin_39673293的博客
12-20 130
完成效果1.创建图案画笔步骤1按Ctrl-N创建一个新文档。从“ 单位”下拉菜单中选择“ 像素 ” ，在“宽度”框中输入850，在“高度”框中输入680，然后单击“ 更多设置”按钮。为“ 颜色模式”选择RGB，将“ 栅格效果”设置为“ 屏幕”(72 ppi)，然后单击“ 创建文档”按钮。第2步选择矩形工具(M)并将焦点放在工具栏上。从笔划中删除颜色，然后选择填充并将其颜色设置为R = 236 G ...
openlayers 利用draw画客户端图形时如何添加ESC撤销前面画的点
story_in_sh的博客
07-09 863
在初学openlayers的时候，我们经常会有这样的需求：在地图上画一个几何图形，但是中途如果画错了希望按下ESC按键撤销上一个画的点。我最近就有遇到，我通过jQuery和removeLastPoint()结合实现这个功能的。 直接上代码： <script> import Draw from 'ol/interaction/Draw';//首先引入Draw import Vector from 'ol/source'; import {Vector as VectorLayer} fro
Vue+OpenLayers7入门到实战：OpenLayers涂鸦手绘线条、圆形和多边形，涂鸦线条自动收尾连接成多边形
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
03-29 243
本章介绍如何使用OpenLayers7在地图上进行绘制图形的功能，上一章中《Vue+OpenLayers7入门到实战：OpenLayers图形绘制功能，OpenLayers实现在地图上绘制线段、圆形和多边形》我们已经讲过多种图形的绘制，本章主要讲解自由涂鸦手绘绘制线条，圆形和任意形状。
实现在openlayer中绘制多边形，编辑，删除等
weixin_58350627的博客
06-09 1871
实现在openlayer中绘制多边形，编辑，删除等
Openlayers绘制多边形
04-27
要使用OpenLayers绘制多边形，请按照以下步骤进行： 1. 创建一个绘制控件： ``` var draw = new ol.interaction.Draw({ source: source, type: 'Polygon' }); ``` 其中，`source` 是一个 `ol.source.Vector` 对象，用于存储绘制出来的多边形。 2. 将绘制控件添加到地图上： ``` map.addInteraction(draw); ``` 3. 监听绘制完成事件，获取绘制出来的多边形的几何信息： ``` draw.on('drawend', function(event) { var feature = event.feature; var geometry = feature.getGeometry(); // 处理几何信息 }); ``` 在这个事件处理函数中，可以通过 `feature.getGeometry()` 获取绘制出来的多边形的几何信息，可以用这些信息进行后续的处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值