openlayers官方教程(八)Vector Data——Snapping
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相关推荐
- openlayers官方教程(一)Introduction
近期开始学习openlayers,发现国内不少中文资源较老,还是看官方文档方便,根据自己的理解,把核心用博客记录下来,方便自己学习回顾.官网地址:http://openlayers.org/works ...
- openlayers官方教程(三)Basics——Zooming to your location
Zooming to your location 浏览器提供了获取用户当前位置的API,我们可以利用这个来定位当前用户所在. Application changes 首先,将map赋值到一个常量,就可 ...
- Caffe官方教程翻译(9):Multilabel Classification with Python Data Layer
前言 最近打算重新跟着官方教程学习一下caffe,顺便也自己翻译了一下官方的文档.自己也做了一些标注,都用斜体标记出来了.中间可能额外还加了自己遇到的问题或是运行结果之类的.欢迎交流指正,拒绝喷子! ...
- tf.data官方教程 - - 基于TF-v2
这是本人关于tf.data的第二篇博文,第一篇基于TF-v1详细介绍了tf.data,但是v1和v2很多地方不兼容,所以替大家瞧瞧v2的tf.data模块有什么新奇之处. TensorFlow版本:2 ...
- TensorFlow2.0 Guide官方教程 学习笔记17 -‘Using the SavedModel format‘
本笔记参照TensorFlow官方教程,主要是对'Save a model-Training checkpoints'教程内容翻译和内容结构编排,原文链接:Using the SavedModel f ...
- Java官方教程目录2021最新版
前言 本文是橙子出于兴趣爱好对Java官方教程的尝试翻译,几乎每日更新,感兴趣的朋友可以关注一下橙子:翻译过程中尽可能多的对一些关键词保留了英文原文,如果你想看最纯正的英文原版教材却又看不懂,可以试着 ...
- PCL学习笔记(二):PCL官方教程学习
PCL学习笔记(二):PCL官方教程学习 PCD文件制作 Features 表面法线提取 Keypoints 提取NARF关键点 KdTree Range Image How to create a ...
- openlayers示例教程100+【目录】
目前已完成240个示例 openlayers示例教程100+教程旨在为开发者提供简单快捷的代码示例,复制即可用.在每一个示例中,都凝练着简明扼要的代码,做到简易实现,轻松学会. 文章目录 目录 综合应 ...
- GTSAM 官方教程学习
GTSAM官方教程学习 0. 前言 1. 因子图 1.1 序 1.2 因子图 1.2.1 贝叶斯网络 1.2.2 因子图 2. 运动建模 2.1 因子图建模 2.2 创建因子图 2.3 因子图与变量 ...
最新文章
- redisson的锁的类型_绝对干货:利用redisson完成分布式锁功能
- bootstrap4 调整元素之间距离
- day060 ajax文件上传 json补充
- [[HOW TO]-ubuntu20.10安装openjrok指南
- nginx upstream setting
- 网友力荐教子名言 只有50句却能改变儿女一生
- Facebook在美国正式推出语音聊天应用Live Audio Rooms
- 【杂项】2020年年度报告
- Spring Security OAuth2.0_实现分布式认证授权_搭建注册中心_Spring Security OAuth2.0认证授权---springcloud工作笔记150
- VC下ctreectrl的使用方法及节点前图标添加方法
- npm设置仓库register
- ST集成传感器方案实现电子罗盘功能
- 计算机电源模式怎么删,电脑的电源选项里只剩下了平衡模式怎么办?
- Godaddy无缝切换SSL,无需续费可省12美元
- git命令切换分支、更新分支
- 深度丨一文读懂智能制造的主线——智能生产(工厂/车间数字化)
- xp系统什么梗_电脑分区4K对齐,对系统的影响
- 从零开始学习badusb 7月21日
- 【转型JAVA CSS 基础day02】
- Flutter 如何监听页面在前台还是后台