2017-01-08 24 views
0

openlayer 3にいくつかのオーバーレイを追加しました。Ctrl +マウスをクリックしてマウスを左クリックしてドラッグすると、マップ上の長方形の領域が選択され、その特定のオーバーレイを表示する必要がありますエリア?Openlayer 3の長方形の選択

答えて

1

はい、DragBox要素で可能です。

あなたは要素を宣言し、この方法:

var dragBox = new ol.interaction.DragBox({ 
    condition: ol.events.condition.platformModifierKeyOnly 
}); 

そして、あなたはあなたの既存のマップに相互作用として追加することができます

map.addInteraction(dragBox); 

あなたには、いくつかの動作を追加したい場合は、それが可能ですイベントをboxstartとboxendと呼んでください:

dragBox.on('boxstart', function() { 
    // Your stuff when the box starts being drawn 
}); 
dragBox.on('boxend', function() { 
    // Your stuff when the box is already drawn 
}); 

詳細については、OpenLayer sの3 API:これは参考になったhttps://openlayers.org/en/latest/examples/box-selection.html

+0

http://openlayers.org/en/latest/apidoc/ol.interaction.DragBox.html

あなたがここにもボックスの選択の例を見てみることができます –

関連する問題