source:
trunk/workshop-routing-foss4g/web/GeoExt/docs/_sources/lib/GeoExt/widgets/ZoomSlider.txt
@
76
Revision 76, 2.5 KB checked in by djay, 12 years ago (diff) | |
---|---|
|
Rev | Line | |
---|---|---|
[76] | 1 | |
2 | .. currentmodule:: GeoExt | |
3 | ||
4 | :class:`GeoExt.ZoomSlider` | |
5 | ================================================================================ | |
6 | ||
7 | ||
8 | .. cssclass:: meta | |
9 | ||
10 | ||
11 | Extends | |
12 | * `Ext.Slider <http://dev.sencha.com/deploy/dev/docs/?class=Ext.Slider>`_ | |
13 | ||
14 | ||
15 | ||
16 | ||
17 | xtype | |
18 | ``gx_zoomslider`` | |
19 | ||
20 | ||
21 | ||
22 | ||
23 | .. class:: ZoomSlider(config) | |
24 | ||
25 | Create a slider for controlling a map's zoom level. | |
26 | ||
27 | ||
28 | ||
29 | Example Use | |
30 | ----------- | |
31 | ||
32 | Sample code to render a slider outside the map viewport: | |
33 | ||
34 | .. code-block:: javascript | |
35 | ||
36 | var slider = new GeoExt.ZoomSlider({ | |
37 | renderTo: document.body, | |
38 | width: 200, | |
39 | map: map | |
40 | }); | |
41 | ||
42 | Sample code to add a slider to a map panel: | |
43 | ||
44 | .. code-block:: javascript | |
45 | ||
46 | var panel = new GeoExt.MapPanel({ | |
47 | renderTo: document.body, | |
48 | height: 300, | |
49 | width: 400, | |
50 | map: { | |
51 | controls: [new OpenLayers.Control.Navigation()] | |
52 | }, | |
53 | layers: [new OpenLayers.Layer.WMS( | |
54 | "Global Imagery", | |
55 | "http://maps.opengeo.org/geowebcache/service/wms", | |
56 | {layers: "bluemarble"} | |
57 | )], | |
58 | extent: [-5, 35, 15, 55], | |
59 | items: [{ | |
60 | xtype: "gx_zoomslider", | |
61 | aggressive: true, | |
62 | vertical: true, | |
63 | height: 100, | |
64 | x: 10, | |
65 | y: 20 | |
66 | }] | |
67 | }); | |
68 | ||
69 | ||
70 | ||
71 | ||
72 | Config Options | |
73 | -------------- | |
74 | ||
75 | Configuration properties in addition to | |
76 | those listed for `Ext.Slider <http://dev.sencha.com/deploy/dev/docs/?class=Ext.Slider>`_. | |
77 | ||
78 | ||
79 | .. describe:: aggressive | |
80 | ||
81 | ``Boolean`` | |
82 | If set to true, the map is zoomed as soon as the thumb is moved. Otherwise | |
83 | the map is zoomed when the thumb is released (default). | |
84 | ||
85 | .. describe:: baseCls | |
86 | ||
87 | ``String`` | |
88 | The CSS class name for the slider elements. Default is "gx-zoomslider". | |
89 | ||
90 | .. describe:: map | |
91 | ||
92 | ``OpenLayers.Map`` or :class:`GeoExt.MapPanel` | |
93 | The map that the slider controls. | |
94 | ||
95 | ||
96 | ||
97 | ||
98 | ||
99 | ||
100 | Public Methods | |
101 | -------------- | |
102 | ||
103 | Public methods in addition to those | |
104 | listed for `Ext.Slider <http://dev.sencha.com/deploy/dev/docs/?class=Ext.Slider>`_. | |
105 | ||
106 | ||
107 | .. method:: ZoomSlider.getResolution | |
108 | ||
109 | :return: ``Number`` The map resolution. | |
110 | ||
111 | Get the resolution for the associated map based on the slider value. | |
112 | ||
113 | .. method:: ZoomSlider.getScale | |
114 | ||
115 | :return: ``Number`` The map scale denominator. | |
116 | ||
117 | Get the scale denominator for the associated map based on the slider value. | |
118 | ||
119 | .. method:: ZoomSlider.getZoom | |
120 | ||
121 | :return: ``Number`` The map zoom level. | |
122 | ||
123 | Get the zoom level for the associated map based on the slider value. | |
124 | ||
125 | ||
126 | ||
127 | ||
128 |
Note: See TracBrowser
for help on using the repository browser.