OpenLayers OpenLayers

Changeset 7950

Show
Ignore:
Timestamp:
09/04/08 15:21:59 (3 months ago)
Author:
euzuro
Message:

Add new ZoomPanel and PanPanel, a step towards a more easily customizable look for OpenLayers. Work on this ticket was done by a slew of contributors, and reviews as well. Thanks especially to tschaub for the ie6 trick and concomittant non-alpha images. (Closes #1400).

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/openlayers/lib/OpenLayers.js

    r7949 r7950  
    222222            "OpenLayers/Control/MouseToolbar.js", 
    223223            "OpenLayers/Control/NavToolbar.js", 
     224            "OpenLayers/Control/PanPanel.js", 
     225            "OpenLayers/Control/Pan.js", 
     226            "OpenLayers/Control/ZoomIn.js", 
     227            "OpenLayers/Control/ZoomOut.js", 
     228            "OpenLayers/Control/ZoomPanel.js", 
    224229            "OpenLayers/Control/EditingToolbar.js", 
    225230            "OpenLayers/Lang.js", 

  • trunk/openlayers/lib/OpenLayers/Control/ZoomToMaxExtent.js

    r5614 r7950  
    1616 */ 
    1717OpenLayers.Control.ZoomToMaxExtent = OpenLayers.Class(OpenLayers.Control, { 
     18 
    1819    /** 
    1920     * Property: type 
    20      * TYPE_BUTTON. 
     21     * {String} The type of <OpenLayers.Control> -- When added to a  
     22     *     <Control.Panel>, 'type' is used by the panel to determine how to  
     23     *     handle our events. 
    2124     */ 
    2225    type: OpenLayers.Control.TYPE_BUTTON, 

  • trunk/openlayers/theme/default/style.css

    r7594 r7950  
    242242}    
    243243 
    244 /*  
    245  * Due to current limitations in the OpenLayers code, you can only 
    246  * replace this image with another image which is 17px x 17px.  
    247  */    
     244.olControlPanPanel { 
     245    top: 10px; 
     246    left: 5px; 
     247}   
     248 
     249.olControlPanPanel div { 
     250    background-image: url(img/pan-panel.png); 
     251    height: 18px; 
     252    width: 18px; 
     253    cursor: pointer; 
     254    position: absolute; 
     255} 
     256 
     257.olControlPanPanel .olControlPanNorthItemInactive { 
     258    top: 0px; 
     259    left: 9px; 
     260    background-position: 0px 0px; 
     261} 
     262.olControlPanPanel .olControlPanSouthItemInactive { 
     263    top: 36px; 
     264    left: 9px; 
     265    background-position: 18px 0px; 
     266} 
     267.olControlPanPanel .olControlPanWestItemInactive { 
     268    position: absolute; 
     269    top: 18px; 
     270    left: 0px; 
     271    background-position: 0px 18px; 
     272} 
     273.olControlPanPanel .olControlPanEastItemInactive { 
     274    top: 18px; 
     275    left: 18px; 
     276    background-position: 18px 18px; 
     277} 
     278 
     279.olControlZoomPanel { 
     280    top: 71px; 
     281    left: 14px; 
     282}  
     283 
     284.olControlZoomPanel div { 
     285    background-image: url(img/zoom-panel.png); 
     286    position: absolute; 
     287    height: 18px; 
     288    width: 18px; 
     289    cursor: pointer; 
     290} 
     291 
     292.olControlZoomPanel .olControlZoomInItemInactive { 
     293    top: 0px; 
     294    left: 0px; 
     295    background-position: 0px 0px; 
     296} 
     297 
     298.olControlZoomPanel .olControlZoomToMaxExtentItemInactive { 
     299    top: 18px; 
     300    left: 0px; 
     301    background-position: 0px -18px; 
     302} 
     303 
     304.olControlZoomPanel .olControlZoomOutItemInactive { 
     305    top: 36px; 
     306    left: 0px; 
     307    background-position: 0px 18px; 
     308} 
     309 
    248310.olPopupCloseBox { 
    249311  background: url("img/close.gif") no-repeat;