[GIS] Modify interaction using Icon image in OpenLayers3

openlayers

I have vector features represented by icon images in a map using OpenLayers 3 (3.0.0). These features can be modified by the Modify interaction only if the user place the mouse cursor close their position. If the user tries to drag the icon, outside the position range, the map is panned (instead of dragging that feature).

Is there any way to expand the drag area, from the Modify interaction, to the feature icon?

Example: http://jsfiddle.net/suguiura/xuzsj99b/

Best Answer

Try setting pixelTolerance property of the modify contro. It determines the radius of influence where the features must be consedered selectables.

By default pixelTolerance is 10 pixels.

See more in http://openlayers.org/en/v3.0.0/apidoc/ol.interaction.Modify.html (uncheck the stable checkbox)

Related Solutions

[GIS] Dragging a feature in OpenLayers 3

You will need to add a new interaction. Assuming that...

this.mapRaster = ol.Map

This should work

this.mapRaster.on('singleclick',function(e){
    var iconFeature = new ol.Feature({
        geometry: new ol.geom.Point(e.coordinate),
    });
    iconFeature.setStyle(_self.iconStyle);
    _self.rasterVectorSource.addFeatures([iconFeature]);

Make the feature moveable

    var modify = new ol.interaction.Modify({
        features: new ol.Collection([iconFeature])
    });

Let me know when the feature is moving

    iconFeature.on('change',function(){
        console.log('Feature Moved To:' + this.getGeometry().getCoordinates());
    },iconFeature);

Then add the Modify Interaction

    this.mapRaster.addInteraction(modify);

});

[GIS] OpenLayers 3 – Modify Feature – Delete vertex on keypress

I think there is a problem with freehandCondition in Draw interaction, which is ShiftKeyOnly by default. When I changed it to ol.events.condition.never I can delete vertex without creating new feature. This solution deactivates freehand drawing. Example:

draw = new ol.interaction.Draw({
features:features,
type: ('Polygon'),
freehandCondition: function(event){
return ol.events.condition.never(event);
}

Best Answer

Related Solutions

[GIS] Dragging a feature in OpenLayers 3

[GIS] OpenLayers 3 – Modify Feature – Delete vertex on keypress

Related Question