Modifying features works by using an ol.interaction.Select in combination with an ol.interaction.Modify. They share a common collection (ol.Collection) of features. Features selected with the ol.interaction.Select become candidates for modifications with the ol.interaction.Modify. Let’s start with the working example. Open map.html in your text editor and make sure it looks something like the following: Save your changes to map.html and open the page in your browser: http://localhost:4000/map.html. To see feature modification in action, use the mouse-click to select an earth quake and then drag to move the point. We create 2 interactions, an ol.interaction.Select to select the features before modifying them, and an ol.interaction.Modify to actually modify the geometries. They share the same ol.Collection of features. Features selected using ol.interaction.Modify become candidates for modification with the ol.interaction.Modify. As previously, the ol.interaction.Select is configured with a style object, which effectively defines the style used for drawing selected features. When the user clicks in the map again, the feature will be drawn using the layer’s style. Source.