2017-02-02 4 views
0

機能のコーディングに役立つサンプルコードなどを見つけることができませんでした。私はドラッグ能力を有効にし、両方の間 ol3バインドフィーチャーポイントとフィーチャータイプの線ストリング

  • 2種類点
  • 1型折れ線:まもなく解明するために、地図上に私は3つの機能を追加しました。

私はそれが可能かどうかわかりませんが、私は機能 '線ストリング'に機能 'ポイント'を直接バインドしたいと思います。フィーチャーをドラッグして、線ストリングを自動的に再描画したいと思います。

私はすでに 'Drag.prototype.handleDragEvent'でコードを作成しようとしましたが、レイテンシが実際には良くないと思います。

+0

あなたは2点間の直線またはカーソルを次の不規則なラインをお探しですか? –

+0

私は2点間の直線を探しています。 – Slayes

+0

そして、私はあなたがドローを偽造しなければならないと思います。 https://jsfiddle.net/jonataswalker/8b322285/ –

答えて

0

私は(当初)考えていたよりも簡単でした。 demoを参照してください。

translatingol.interaction.Translateを使用して、現在の座標が最後の座標であることを線ストリングに伝えます。

関連するコードは次のとおりです。

translate1.on('translatestart', function (evt) { 
    coordMarker2 = marker2.getCoordinates(); 
}); 

translate1.on('translating', function (evt) { 
    line.setCoordinates([coordMarker2, evt.coordinate]); 
}); 

translate2.on('translatestart', function (evt) { 
    coordMarker1 = marker1.getCoordinates(); 
}); 

translate2.on('translating', function (evt) { 
    line.setCoordinates([coordMarker1, evt.coordinate]); 
}); 
+0

ありがとう、私は良いキーワードで検索しなかった、私は 'バインド'で検索した '添付' ... '翻訳' – Slayes

関連する問題