マップコントロールの下にオーバーレイを表示することは可能でしょうか？

Question

私は、情報を表示する外部データから構築された一連のオーバーレイを持つマップを持っています。オーバーレイを設定してマップコントロールの上に描画しないようにする方法があるのだろうかと疑問に思っていましたか？

デフォルトでは、コントロールが重なったときにコントロールを覆い隠します。

Answer 1

デフォルトでは、コントロールの下にオーバーレイが予想どおりに表示されるように見えます。

私のケースでは、オーバーレイデータを含むdivがコントロールよりも高いZインデックススタイルを受け取っていました。

Answer 2

これは、コントロールがマップに追加される方法と関係があります。 ズームイン/アウトボタンはデフォルトのol.control.Zoomであるため、地図上に追加された最初のコントロールです。その後、カスタムコントロールが追加され、ズームコントロールがオーバーラップします。

、それを克服するので、同様にマップの初期化時にデフォルトのズームコントロールを無効にする：それは、ズームコントロールを追加する場合

......new ol.Map({ 
    controls: ol.control.defaults({ 
    zoom:false//here is the disable 
    ........ 

は、その上に、その後、カスタムコントロールを追加します。すべて一緒に は次のようになります。ここでは

var map = new ol.Map({ 
    controls: ol.control.defaults({ 
    zoom:false 
    }).extend([ 
    new app.CustomControl(), 
    new ol.control.Zoom() 
    ]), 
    layers: [ 
    new ol.layer.Tile({ 
     source: new ol.source.OSM() 
    }) 
    ], 
    target: 'map', 
    view: new ol.View({ 
    center: [0, 0], 
    zoom: 2, 
    rotation: 1 
    }) 
}); 

が

が

がオーバーレイの際に、オーバーレイに対処するためにUPDATEがオーバーレイが下に表示されるので、insertFirst:trueを設定するにinitアクションでそれを見るためにfiddleですコントロール。 here