I use OpenLayers 6.5 for my mapping application.
With the Modify Interaction, it is possible to add or move vertices for a line layer. However, the symbol (circle) is the same whether the mouse is over an existing vertex (to be moved) or a non-existing (potential) vertex laying on a line (to be created), see the pictures below.
The is only a single style option for the Modify interaction. Any hint on how to setup a different style for these two types of nodes?
Existing vertex (can be moved)
Non-existing vertex (can be created)
Here is the code for my current Modify interaction, where vectorLayerSource is a LineString vector source:
let modify = new ol.interaction.Modify({
source: vectorLayerSource,
deleteCondition: ol.events.condition.shiftKeyOnly,
insertVertexCondition: ol.events.condition.shiftKeyOnly,
});