Web

OpenLayers Workshop(二)Vector Data

Snapping 抓取

你可能已经注意到,绘制与现有特征不一致的特征很容易。 此外,在修改要素时,我们可以打破拓扑——在之前相邻的多边形之间添加一个空隙。 捕捉交互可用于帮助在绘制和编辑要素时保留拓扑。

首先,将 Snap 交互类导入 main.js:

import Snap from 'ol/interaction/Snap';

与其他编辑交互一样,我们将配置捕捉交互以使用我们的矢量源并将其添加到地图中:

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

随着绘制、修改和捕捉交互都处于活动状态,我们可以在保持拓扑结构的同时编辑数据。

发表评论