2012-07-07 52 views
0

背景

在同一網頁上使用jQuery小部件和OpenLayers小部件。jQuery和OpenLayers與主題匹配

問題

jQuery有Theme Roller同時的OpenLayers有其default theme。這導致:

工具箱控件有不同的顏色。這可以通過自定義OpenLayersjQuery來匹配其他,但我寧願不重新發明車輪,如果可能的話。例如:

問題

我在哪裏可以找到主題的的OpenLayers 2.12jQuery UI的1.8.18(即是免費提供),使他們的配色方案一致?

謝謝!

回答

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

您可以使用FireDebug(或等效)檢查UI元素。從那裏,用CSS改變UI元素的顏色。

0
  1. 跳過添加常用的/默認控件到地圖對象
  2. 創建DIV層,其與zIndex的〜4000樣式是上述任何地圖對象+位置絕對要被固定在屏幕
  3. 創建控制的jQuery該層
  4. 這些按鈕和控制的捕捉單擊事件通過其地圖對象正確地映射

看實例上的按鈕,出現的殲QueryMobile示例使用jQueryMobile按鈕,因此是相同的任務。