开放层 3:如何为修改交互创建侦听器

2023-12-08

我已经成功设置了修改交互。

ol.interaction.Modify 的文档(http://ol3js.org/en/master/apidoc/ol.interaction.Modify.html)不要提及修改功能时触发的单个事件。

与 ol.interaction.Draw (http://ol3js.org/en/master/apidoc/ol.interaction.Draw.html)效果很好。

当要素被修改时,我需要更新数据库中的坐标。

如何设置监听器?


我找到了解决方案。

高级解释在这里:http://boundlessgeo.com/2014/06/openlayers-editing-wfs-t/

基本上,您不会监听修改交互中的更改(就像在绘制交互中所做的那样)。相反,您会听到所选功能本身的变化。

这是一个简短的摘录:

// get the features from the select interaction
var selected_features = select_interaction.getFeatures();
// when a feature is selected...
selected_features.on('add', function(event) {
    // get the feature
    var feature = event.element;
    // ...listen for changes on it
    feature.on('change', function(event) {
        // got it!
    });
});

这是一个完整的工作示例:http://codepen.io/barbalex/pen/fBpyb

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

开放层 3:如何为修改交互创建侦听器 的相关文章

  • openlayers3开发教程_开始

    openlayers3开发教程 开始 openlayers官方网站 https openlayers org 在旧版本处查看 Latest v3 v3 20 1 released 2016 12 12 docs API examples o
  • 如何在 OpenLayers-3 中使用 SVG 图像作为地图标记?

    我正在尝试使用 SVG 图像在 OpenLayers 3 OL3 中创建地图 针滴 即地图标记 目前 我使用 PNG 图像作为引用 ol style Icon 源 src 属性的 pindrop 效果很好 但是 使用 SVG 图像时会失败
  • 在openlayers3中不使用任何图像绘制箭头

    如何在 Openlayers 3 地图中的矢量图层上绘制箭头 我尝试使用 canvaselement 创建箭头 但不知道如何在 ol3 地图上绘制它 画布元素不是必需的 您可以从以下位置获取箭头示例Openlayers 网站并添加 2 个自
  • CORS 策略已阻止从来源“null”访问图像

    我在 OpenLayers 3 中有 JavaScript 应用程序 我的基础层是从本地图块创建的 我只在我的计算机上工作 所以我不知道为什么会出现 CORS 错误 var newLayer new ol layer Tile source
  • 矢量图块缓冲区

    我在使用 Geoserver 提供的矢量切片设置 Openlayers 地图时遇到问题 线条沿着瓷砖的边缘拧在一起 看起来线条是先被剪裁 然后再设计样式 而不是相反 这使得宽线看起来很难看 更改 LOL 客户端中的渲染缓冲区不会产生任何影响
  • 将点转换为经纬度

    我想知道如何获取地图点击事件坐标经纬度 这是我的代码 map on click function evt var element popup getElement var coordinate evt coordinate var latL
  • 在隐藏元素中绘制 OpenLayers 3 地图

    我正在编写一个页面 您可以在其中查看有关区域和地图的详细信息 详细信息位于一个选项卡上 地图位于另一个选项卡上 HTML 的相关部分如下 类来自引导程序 http getbootstrap com css div class col xs
  • Openlayers 3. 如何为功能制作tootlip

    现在我正在将我的项目从 openlayers 2 移动到 openlayers 3 不幸的是 我找不到如何显示功能的标题 工具提示 OL2中有一种风格叫graphicTitle 您能给我一些如何在 OL3 上实现工具提示的建议吗 这是 ol
  • OL3:强制重绘图层

    我目前正在将 OpenLayers 客户端版本 2 13 1 升级为新版本的 OpenLayers OL3 我的设置包括作为 WMS 映射服务器的 Mapserver 和前面提到的 OpenLayers 客户端 在旧系统中 我支持用户交互
  • ol.interaction.Select 在 ol.source.VectorTile 上给出错误

    我试图在选择 VectorTile 图层后更改该功能的样式 但是 第一次触发选择交互时 控制台会报告错误 Uncaught TypeError feature getId is not a function at ol source Vec
  • 如何隐藏和显示 OpenLayers 3 中的功能? (重画?)

    我正在更新一个项目OL2 https openlayers org two to OL3 https openlayers org 但我一直困惑于如何在更改要素样式后重新绘制要素 在 OL2 中 这有效 hidePoints functio
  • 使用 OpenLayers 从 GeoServer Javascript 编辑 WFS

    看完后非常好有关如何使用 OpenLayers 编辑 WFS 的教程 http wordpress dbauszus rhcloud com wfs t with openlayers 3 5 我尝试过复制它 但是使用来自 Geoserve
  • openlayers3如何始终启用徒手绘制

    在 OpenLayers3 v3 5 中 如何始终启用徒手绘制 默认启用徒手绘制是通过freehandCondition的财产ol interaction Draw 当前默认设置为 Shift 键 draw new ol interacti
  • 解构 Open Layers 3 地图

    所以 我使用 Open Layers 3 和 Ember js 来制作仪表板 并且我已经动态加载地图 但我希望它在我离开路线时被销毁 我发现的唯一东西是 map destroy 但它是针对旧版本的API 新版本中似乎没有 进入地图页面几次后
  • 如何减小 openlayers 3 中图标的大小,我正在使用 bing 地图

    这是我的代码 var iconFeature new ol Feature geometry new ol geom Point ol proj transform 95 3698 29 7604 EPSG 4326 EPSG 3857 n
  • OpenLayers:如何检测地图视图是否已完全加载?

    我正在使用 OpenLayers 3 实现地图导出功能 但有一个问题 无法确定地图视图是否已完全加载或还缺少一些图块 好像没有这样的API或事件 最接近的是tileloadstart tileloadend 对 但是 OpenLayers
  • 获取 OpenLayers 中绘制要素的坐标

    我正在尝试使用 OpenLayers 3 创建在线地图 我对使用 OpenLayers 是全新的 我想做的就是获取我在地图上绘制的点 线 多边形的坐标 我知道有一个 featuresadded 参数可用 但我无法正确实现它 有人能给我指明如
  • Openlayers3:中止绘制交互

    我在 html 中使用绘制交互来手动绘制路线 manual route creation event createRoute click function remove previous interactions map removeInt
  • 开放层。如何刷新集群?

    我动态地将功能添加到集群中 但是 据我所知 集群不起作用 我的图层定义如下 var source new ol source Vector var cluster new ol source Cluster distance 10 sour
  • 使用canvas.toDataURL时如何设置crossOrigin属性?

    因此 我尝试为我正在构建的 OpenLayers 3 应用程序创建打印地图函数 我知道他们example http openlayers org en v3 8 2 examples export map html但每当我尝试使用它时 我都

随机推荐

  • asmack 中的 ReconnectionManager

    我有一个Android项目 需要使用asmack库来实现实时聊天 关键功能是重新连接机制 这意味着我的应用程序可以在互联网连接丢失时自动重新连接 这是我的代码片段 ConnectionConfiguration connConfig new
  • VS 22 缓冲区溢出中的 C6386 警告

    我正在尝试创建一个函数 该函数获取矩阵并将其列向右或向左移动 具体取决于用户的重复输入 在执行此操作时 我注意到编译器警告 C6386 C6001 C6385 都在同一代码区域中 但我找不到问题 警告 C6386 写入 temp row 时
  • Bootstrap 4:将“滚动到第一个无效字段”添加到“如果无效则不要“提交”脚本)

    我在用Bootstrap 4如果以下脚本中的任何字段无效 我将停止提交表单 我试图弄清楚 到目前为止没有成功 我需要在 之后添加什么代码event stopPropagation 以使表单滚动到找到的第一个无效字段 感谢您的帮助 谢谢 Fo
  • 仅在 Woocommerce 3 中显示基于标签的相关产品

    默认情况下 单个产品页面上的 Woocommerce 根据类别显示相关产品 相关产品滑块将显示相同类别的产品 Woocommerce 文档指出 相关产品是一些模板的一部分 这些模板从您的商店中提取与当前产品共享相同标签或类别的产品 这些产品
  • 使用 HTTP 状态代码时区分基础架构和业务逻辑

    我们正在尝试构建一个 REST 接口 允许用户测试特定资源是否存在 假设我们正在销售域名 用户需要确定该域名是否可用 An HTTP GET结合200 and 404乍一看 响应代码似乎很合理 我们遇到的问题是区分查找服务成功服务的请求和其
  • iOS setContentOffset 在 ipad 上不起作用

    这实在是太奇怪了 我有一个包含三个图像的滚动视图 用户滑动以查看下一个图像 但是 我希望第一个屏幕从中间图像开始 简单的 我将使用 setContentOffset 一切都会好起来的 该代码适用于 iPhone 模拟器 但不适用于 iPad
  • Spring Batch FlatFileItemReader 继续处理错误数量的令牌

    我正在使用 Spring BatchFlatFileItemReader解析 csv 文件 我时不时地收到格式错误的行 并且应用程序完全崩溃 Caused by org springframework batch item file tra
  • Django Rest Framework 可写嵌套序列化器

    我正在编写一个食谱组织器作为课程的示例项目 除了使用一些非常基本的功能之外 我对 DRF 没有太多经验 这是目标 使用相关成分创建一个新食谱 在创建 Recipe 对象的同时创建 Ingredient 对象 模型 py class Ingr
  • JQuery - 禁用滚轮直到动画完成

    我试图在鼠标滚轮事件上禁用鼠标滚轮 并仅在操作完成后才启用它 window on DOMMouseScroll mousewheel function event disable mousewhell until the following
  • Codeigniter - 如何在视图中包含动态 javascript 文件

    如果满足某些条件 我尝试在标题视图中包含以下代码块 其中包含一些动态值
  • 如何运行大内存的dart程序?

    我试图在 dart 程序中读取一个非常大的文件 超过 1G 但它抛出内存不足异常 如何配置命令行以使其以更大的内存运行 就像 Xmx1G in Java VM 有一个增加堆大小的标志 old gen heap size 例如 old gen
  • Objective-C 自动释放池不释放对象

    我对 Objective C 很陌生 正在阅读内存管理 我试图用 NSAutoreleasePool 玩一下 但不知何故它不会释放我的对象 我有一个带有 setter 和 getter 的类 它基本上设置一个 NSString name 释
  • Prolog 列表合并问题?

    如何合并这样的两个列表 a b c 1 2 3 我想列出这个清单 a 1 b 2 c 3 我怎样才能做到这一点 我使用 swi prolog Thanks for your answers I have a question about i
  • 成功接收几个小时后,UART 接收中断停止触发

    我正在使用与 xbee 连接的 STM32f4 发现板来接收来自远程温度传感器的温度数据 使用的代码是 CMIS UART 示例代码 我将接收数据包数据 一次 1 个字节 换句话说 每当接收到每个字节时 就会调用 UART 接收中断 一旦我
  • 如何使用 Git 检索与 TFS 2013 中的构建相关的变更集?

    一旦你有了 IBuildDetail 来获取关联的变更集 就可以通过以下方式完成 buildDetail Information GetNodesByType AssociatedChangeset 但是 在带有 Git 的 TFS 201
  • 如何在 ASP.NET Core 7 中以 JSON 形式返回纯字符串

    在从 net 框架迁移的过程中 正在努力解决响应序列化的差异 这里的所有内容似乎都表明默认情况下响应将通过 json 序列化器发出 https learn microsoft com en us aspnet core web api ad
  • 确保任务是可中断的

    如何确保我的任务能够响应呼叫时的中断Future cancel ExecutorService executor Executors newSingleThreadExecutor Future
  • 具有项目依赖性的 Eclipse RCP

    我开发了一个 RCP 插件 不是独立的 以及一个带有插件需要调用的库代码的 Java 项目 我已在同一工作区中配置了 Java 项目 该插件对 Java 项目具有项目依赖性 代码编译 插件使用 Java 项目 库代码执行一些操作 当我运行该
  • laravel 5 csrf_token 值为空

    为什么 laravel 5 csrf token 值总是为空 我怎样才能获得该代币价值 I tried csrf token csrf token and Form open Form close 我的输出
  • 开放层 3:如何为修改交互创建侦听器

    我已经成功设置了修改交互 ol interaction Modify 的文档 http ol3js org en master apidoc ol interaction Modify html 不要提及修改功能时触发的单个事件 与 ol