Ordnance Survey/Openlayersでマーカーをドラッグapi

Question

私は、OpenLayersに基づいたOrdnance Survey（これはOpenSpaceと呼ばれる）のAPIを使用してlink textというサイトを作成しました。地図をクリックしてマーカーを追加すると、マーカーをクリックしてマップ上でドラッグできるようになります。 OpenSpaceまたはOpenLayers APIを使用してこれを行う簡単な方法はありますか？

Answer 1

OpenLayers APIを使用すると、マーカーとフィーチャーをマップに追加できます。 MarkerではなくFeaturesを追加すると、次のコードを追加することでマーカーをドラッグ可能にすることができます。

var vectorLayer = new OpenLayers.Layer.Vector("Vector Layer"); 
var osMap = new OpenSpace.Map('map'); 
osMap.addLayer(vectorLayer); 

var modifyFeaturesControl = new OpenLayers.Control.ModifyFeature(vectorLayer); 
modifyFeaturesControl.mode = OpenLayers.Control.ModifyFeature.RESHAPE; 
osMap.addControl(modifyFeaturesControl); 
modifyFeaturesControl.activate(); 

これでマップ上でフィーチャーをドラッグすることができます。フィーチャをドラッグしているときにカスタムビヘイビアを追加する場合は、vectorLayerにリスナーを登録できます。例えば、フィーチャーが修正（すなわちドラッグされ、リリースされた）時にリスナーを登録するには、次のコードを使用する必要があります。ベクトル層をとり、これを行うための簡単な方法は、openlayerドラッグコントロールを使用しているとしてOpenLayersをAPIのドキュメントOpenLayers api doc

Answer 2

を見て聞くことができるイベントの完全なリストについては、

vectorLayer.events.register('featuremodified', vectorLayer, function(feature) { 
    //custom behavior 
}); 

ターゲット。

var drag=new OpenLayers.Control.DragFeature(vectors); 

map.addControl(drag); 
drag.activate(); 

ドラッグコントロールを使用しての他の利点は次のとおりです、ベクトルと呼ばれるアイコンを含むベクトル層を（これはOLの開発者が使用して思いとどまらマーカーに好まれている）、あなたは、単に行うことができと仮定

onStartやonDragなどの機能やピクセル位置を返すさまざまなコールバックにフックすることができます。例：

var drag=new OpenLayers.Control.DragFeature(vectors,{  
    'onDrag':function(feature, pixel){ 
      console.log(pixel.x);//this can be used to do something else, such as move another feature 
    } 
}); 

詳細については、http://trac.osgeo.org/openlayers/browser/trunk/openlayers/lib/OpenLayers/Control/DragFeature.jsを参照してください。