css - jQueryとOpenLayersのマッチングテーマ

Question

バックグラウンド

同じWebページでjQueryウィジェットとOpenLayersウィジェットを使用する。

問題

jQueryにはテーマローラーがあり、OpenLayersにはデフォルトのテーマがあります。これにより、次のようになります。

ツールキットのコントロールにはさまざまな色があります。これは、 OpenLayersまたはjQueryのいずれかをカスタマイズして他のレイヤーと一致させることで解決できますが、可能であれば、車輪の再発明はしたくありません。例えば：

• http://dev.openlayers.org/sandbox/itranga/openlayers/theme/css/jquery/
• http://trac.osgeo.org/openlayers/ticket/1800
• https://github.com/developmentseed/openlayers_themes

質問

配色を調整するOpenLayers2.12およびjQueryUI1.8.18（無料で入手可能）のテーマはどこにありますか？

ありがとうございました！

Answer 1

1. Mapオブジェクトへの通常/デフォルトのコントロールの追加をスキップします
2. zIndex〜4000でスタイル設定されたDIVレイヤーを作成して、任意のマップオブジェクトの上に配置し、絶対位置を画面に固定します
3. そのレイヤーにコントロールjQueryボタンを作成する
4. それらのボタンのクリックイベントをキャッチし、そのMapオブジェクトを介して適切にマップを制御します

例を見てください。jQueryMobileボタンを使用するjQueryMobileの例があるため、同じタスクです。

Answer 2

/**
 * Colour customizations for jQuery and OpenLayers widgets.
 */
.ui-dialog-titlebar, div.olControlZoom a {
  background: #0065bd !important;
}

FireDebug（または同等のもの）を使用して、UI要素を検査できます。そこから、CSSでUI要素の色を変更します。