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三种交互都被激活的时候，我们就可以在编辑数据的同时保持它原有的拓扑关系。