OpenLayers標準コントロールボタンのCSSスタイル

私はページ上のスクリプトでOpenLayersを使用していますが、マップ上にある標準ボタンをスタイルするためにCSSを使用しようとしています。私はそうのようにそれらのスタイリングにOpenLayersをドキュメントサイトを踏襲：OpenLayers標準コントロールボタンのCSSスタイル

.olControlNavToolbar div { 
    display:block; 
    width: 28px; 
    height: 28px; 
    top: 300px; 
    left: 6px; 
    position: relative; 
} 
.olControlNavToolbar .olControlNavigationItemActive { 
    background-image: url("img/panning-hand-on.png"); 
    background-repeat: no-repeat; 
} 
.olControlNavToolbar .olControlNavigationItemInactive { 
    background-image: url("img/panning-hand-off.png"); 
    background-repeat: no-repeat; 
}

しかし、私は上記のコードに変更するCSSの設定に関係なくは、何もマップ上で変化しません。

与えられたマップに表示される既存の/既定のOpenLayersボタンのスタイル（移動/サイズ変更/変更）方法については、誰も知りませんか？

出典

2011-08-08 dwmcc

あなたが話すボタンが背景画像の場合は、背景画像を別のものに変更する必要があります。さもなければ、私はあなたの投稿されたコードにボタンとは関係のないものは何も見ません。 – Sparky

@ Sparky672 - はい、背景画像を変更できますが、CSSでスタイルを設定する方法を知りたいと思います。 OpenLayersのドキュメントでは、「.oldControlNavToolbar」構文を使用してCSSを使ってツールバー（パン、ズームなど）のスタイルを設定できると述べました。私は現在の画像で大丈夫です、私はちょうど彼らの場所を移動したい。何か案は？ありがとう。 – dwmcc

十分なコード（HTML）を投稿していないか、「自分の場所を移動したがっています」_という説明があります。 – Sparky

カスタムコントロールの例では、これはなぜだが、基本的に、Openlayersがあなたの上にCSSファイルを動的に読み込んでいて、後で追加されたため変更を押しつぶしている理由が説明されています。

'theme'オプションをnullに設定してマップを作成する必要があります。 {'theme：null}のマップオプションです。それから、あなたの前にデフォルトのCSS（theme/default/style.CSS）を含めてください。すべてがうまくいくはずです。

出典

2011-09-21 05:53:23 user956213

リファレンス：http://docs.openlayers.org/library/deploying.html#deploying-files – maxschlepzig

your other questionの回答を参照してください。 'themes/default/style.css'ファイルを参照しない場合、イメージへのパスは上記のCSSクラスではなく、インラインで定義されます。

出典

2011-08-09 06:41:36 igorti

OpenLayers標準コントロールボタンのCSSスタイル

答えて

関連する問題