Question

OpenLayers 2“OpenLayers.Control.DragFeature”功能的等价物是什么。我需要在地图上添加一个Icon，可以用鼠标移动。下降时我需要抓住这个事件。在OpenLayers 2中，所描述的功能是：

new OpenLayers.Control.DragFeature(this.MarkersLayer, {     
    onComplete: function(feature, pixel) { /* here comes the action after dropping the marker */ }}

有没有人知道如何使用OpenLayers 3实现这一目标？

Answer 1

OpenLayers 3现在包含一个示例，说明如何实现＆＃34;拖动功能＆＃34;相互作用。请参阅http://openlayers.org/en/master/examples/drag-features.html。

因此，OpenLayers 3库仍然没有提供＆＃34;拖动功能＆＃34;交互，但它提供了扩展点，使得在应用程序级别实现这种交互成为可能。

请注意，您必须使用＆＃34; master＆＃34; OpenLayers 3的分支实现你自己的＆＃34;拖动功能＆＃34;如示例中的交互。另一个选择是等待3.1.0，这应该很快就会出来。

Answer 2

如果某人仍然对此问题的答案感兴趣，则以下代码应达到所要求的要求（因为我在这段问题上挣扎了一段时间）：

// Create the icon feature
var iconFeature = new ol.Feature({
    geometry: new ol.geom.Point([lng, lat])
});

// Set the style for the icon feature 
iconFeature.setStyle(new ol.style.Style({
    image: new ol.style.Icon(({
        anchor: [0.5, 35],
        anchorXUnits: 'fraction',
        anchorYUnits: 'pixels',
        opacity: 1,
        src: markerGraphics
    }))
}));

// Create the vector layer with it's source
var vectorLayer = new ol.layer.Vector({
    source: new ol.source.Vector({
        features: [iconFeature]
    })
});

// Drag and drop feature
var dragInteraction = new ol.interaction.Modify({
    features: new ol.Collection([iconFeature]),
    style: null,
    pixelTolerance: 20
});

// Add the event to the drag and drop feature
dragInteraction.on('modifyend',function(){
    callYourFunction();
},iconFeature);

// Add the vector layer and the refering drag and drop interaction
map.addLayer(vectorLayer);
map.addInteraction(dragInteraction);

根据modify event，可以将监听器附加到drag and drop interaction而不是layer/icon feature。利用该解决方案，可以在停止拖动层/图标之后执行功能（如从OpenLayers 2中已知的'dragend'）。

Answer 3

没有。你也不能画圆圈和圆形多边形。 viva la OL2

Openlayers中的拖放功能3

3 个答案: