OpenLayersを使用して標準HTMLページにマップを表示しています。マップの上部にあるdivを作成したいとします。しかし、divは常にマップタイルによって隠されているようです。OpenLayers - HTML DIVオーバーレイ
マップ自体に要素を追加する方法があると思いますが、この場合、divはマップ上に部分的に浮かび、部分的に他のページ要素に浮かぶ可能性があるため実行可能なオプションではありません。
<div id="maphost" style="width: 100%; height: 100%" />
<div id="overlay" />
これは基本的なHTMLです。これを可能にするためにどちらのDIVに追加する必要があるのですか？
はそれを行うためのもう一つの内部メソッドはこのCSSを使用することであるZインデックスに
<div id="maphost" style="width:100%; height:100%; z-index: 0"></div>
<div id="overlay" style="z-index:9999"></div>
を追加します。
div.olMapViewport {
z-index: 0;
}
どちらも素晴らしいですが、両方の答え+1。個人的に私はこれを好む。ところで、あなたはthe_skuaか@ilia cholyか、div.olMapは 'z-index'を0に設定しているので、ビューポートはどこで' z-index'を0より大きい値に設定するのですか？ – Boro
わからない。申し訳ありませんが私はより多くの助けになることはできません。 –
zIndexがOpenLayersで現在または将来、javascriptで定義されているかのように、これは安全な解決策ではありません.cssは無視されます... –
それは違いを作るためには表示されません。 – Barguast
それはそうです。ありがとう！ – Barguast