OpenLayers OpenLayers

Changeset 6393

Show
Ignore:
Timestamp:
02/28/08 03:12:56 (8 months ago)
Author:
crschmidt
Message:

Adding support for panel-based CSS styled panzoom controls.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • sandbox/crschmidt/demo/lib/OpenLayers.js

    r6313 r6393  
    203203            "OpenLayers/Control/MouseToolbar.js", 
    204204            "OpenLayers/Control/NavToolbar.js", 
     205            "OpenLayers/Control/PanPanel.js", 
     206            "OpenLayers/Control/PanButton.js", 
     207            "OpenLayers/Control/ZoomInButton.js", 
     208            "OpenLayers/Control/ZoomOutButton.js", 
     209            "OpenLayers/Control/ZoomPanel.js", 
    205210            "OpenLayers/Control/EditingToolbar.js", 
    206211            "OpenLayers/Lang.js", 

  • sandbox/crschmidt/demo/theme/default/style.css

    r6177 r6393  
    231231    filter: alpha(opacity=50); 
    232232}     
     233 
     234.olControlPanPanel { 
     235    top: 10px; 
     236    left: 5px; 
     237}   
     238 
     239.olControlPanPanel div { 
     240    height: 18px; 
     241    width: 18px; 
     242    cursor: pointer; 
     243    position: absolute; 
     244} 
     245 
     246.olControlPanPanel .olControlPanButtonNorthItemInactive { 
     247    top: 0px; 
     248    left: 9px; 
     249    background-image: url("img/north-mini.png"); 
     250} 
     251.olControlPanPanel .olControlPanButtonSouthItemInactive { 
     252    top: 36px; 
     253    left: 9px; 
     254    background-image: url("img/south-mini.png"); 
     255} 
     256.olControlPanPanel .olControlPanButtonWestItemInactive { 
     257    position: absolute; 
     258    top: 18px; 
     259    left: 0px; 
     260    background-image: url("img/west-mini.png"); 
     261} 
     262.olControlPanPanel .olControlPanButtonEastItemInactive { 
     263    top: 18px; 
     264    left: 18px; 
     265    background-image: url("img/east-mini.png"); 
     266} 
     267 
     268.olControlZoomPanel { 
     269 top: 71px; 
     270 left: 14px; 
     271}  
     272 
     273.olControlZoomPanel div { 
     274    position: absolute; 
     275    height: 18px; 
     276    width: 18px; 
     277    cursor: pointer; 
     278} 
     279 
     280.olControlZoomPanel .olControlZoomInButtonItemInactive { 
     281    top: 0px; 
     282    left: 0px; 
     283    background-image: url("img/zoom-plus-mini.png"); 
     284} 
     285 
     286.olControlZoomPanel .olControlZoomToMaxExtentItemInactive { 
     287    top: 18px; 
     288    left: 0px; 
     289    background-image: url("img/zoom-world-mini.png"); 
     290} 
     291 
     292.olControlZoomPanel .olControlZoomOutButtonItemInactive { 
     293    top: 36px; 
     294    left: 0px; 
     295    background-image: url("img/zoom-minus-mini.png"); 
     296}