Snapping

你可能已经发现一个问题:虽然很容易就画出新的features,但是新画出的features跟原有的features没有拓扑关系。除此之外,当在修改features时,我们在多边形内增加洞会打断原有的拓扑结构。snap交互可以帮我在编辑和画features时候保持拓扑结构。

第一步,同样是在main.js中导入Snap包

import Snap from 'ol/interaction/Snap';

和其他编辑交互一样,我们要在数据源中配置snap交互,并添加到map中去

map.addInteraction(new Snap({source: source
}));

当draw、modify和snap三种交互都被激活的时候,我们就可以在编辑数据的同时保持它原有的拓扑关系。

openlayers官方教程(八)Vector Data——Snapping相关推荐

  1. openlayers官方教程(一)Introduction

    近期开始学习openlayers,发现国内不少中文资源较老,还是看官方文档方便,根据自己的理解,把核心用博客记录下来,方便自己学习回顾.官网地址:http://openlayers.org/works ...

  2. openlayers官方教程(三)Basics——Zooming to your location

    Zooming to your location 浏览器提供了获取用户当前位置的API,我们可以利用这个来定位当前用户所在. Application changes 首先,将map赋值到一个常量,就可 ...

  3. Caffe官方教程翻译(9):Multilabel Classification with Python Data Layer

    前言 最近打算重新跟着官方教程学习一下caffe,顺便也自己翻译了一下官方的文档.自己也做了一些标注,都用斜体标记出来了.中间可能额外还加了自己遇到的问题或是运行结果之类的.欢迎交流指正,拒绝喷子! ...

  4. tf.data官方教程 - - 基于TF-v2

    这是本人关于tf.data的第二篇博文,第一篇基于TF-v1详细介绍了tf.data,但是v1和v2很多地方不兼容,所以替大家瞧瞧v2的tf.data模块有什么新奇之处. TensorFlow版本:2 ...

  5. TensorFlow2.0 Guide官方教程 学习笔记17 -‘Using the SavedModel format‘

    本笔记参照TensorFlow官方教程,主要是对'Save a model-Training checkpoints'教程内容翻译和内容结构编排,原文链接:Using the SavedModel f ...

  6. Java官方教程目录2021最新版

    前言 本文是橙子出于兴趣爱好对Java官方教程的尝试翻译,几乎每日更新,感兴趣的朋友可以关注一下橙子:翻译过程中尽可能多的对一些关键词保留了英文原文,如果你想看最纯正的英文原版教材却又看不懂,可以试着 ...

  7. PCL学习笔记(二):PCL官方教程学习

    PCL学习笔记(二):PCL官方教程学习 PCD文件制作 Features 表面法线提取 Keypoints 提取NARF关键点 KdTree Range Image How to create a ...

  8. openlayers示例教程100+【目录】

    目前已完成240个示例 openlayers示例教程100+教程旨在为开发者提供简单快捷的代码示例,复制即可用.在每一个示例中,都凝练着简明扼要的代码,做到简易实现,轻松学会. 文章目录 目录 综合应 ...

  9. GTSAM 官方教程学习

    GTSAM官方教程学习 0. 前言 1. 因子图 1.1 序 1.2 因子图 1.2.1 贝叶斯网络 1.2.2 因子图 2. 运动建模 2.1 因子图建模 2.2 创建因子图 2.3 因子图与变量 ...

最新文章

  1. redisson的锁的类型_绝对干货:利用redisson完成分布式锁功能
  2. bootstrap4 调整元素之间距离
  3. day060 ajax文件上传 json补充
  4. [[HOW TO]-ubuntu20.10安装openjrok指南
  5. nginx upstream setting
  6. 网友力荐教子名言 只有50句却能改变儿女一生
  7. Facebook在美国正式推出语音聊天应用Live Audio Rooms
  8. 【杂项】2020年年度报告
  9. Spring Security OAuth2.0_实现分布式认证授权_搭建注册中心_Spring Security OAuth2.0认证授权---springcloud工作笔记150
  10. VC下ctreectrl的使用方法及节点前图标添加方法
  11. npm设置仓库register
  12. ST集成传感器方案实现电子罗盘功能
  13. 计算机电源模式怎么删,电脑的电源选项里只剩下了平衡模式怎么办?
  14. Godaddy无缝切换SSL,无需续费可省12美元
  15. git命令切换分支、更新分支
  16. 深度丨一文读懂智能制造的主线——智能生产(工厂/车间数字化)
  17. xp系统什么梗_电脑分区4K对齐,对系统的影响
  18. 从零开始学习badusb 7月21日
  19. 【转型JAVA CSS 基础day02】
  20. Flutter 如何监听页面在前台还是后台

热门文章

  1. 工业用THOMAS 776 SEK197,776 SEL202,776 SEK203脱水机的特征和用途
  2. 100套django驾驶舱可视化大屏
  3. python入门--第一天
  4. centos7 gnome 关闭黑屏和屏保
  5. 视频教程-Project-管理项目(进阶)-Office/WPS
  6. 音乐制作软件中文完整版-Nuendo 4 v4.3 WiN
  7. 用scrapy框架爬取微博所有人的微博内容的
  8. 基础贵金属白银技术分析(指标工具篇)
  9. R语言函数总结(转)
  10. 切版练习笔记(三) - 制作人员介绍卡片