Bienvenue sur PostGIS.fr

Bienvenue sur PostGIS.fr , le site de la communauté des utilisateurs francophones de PostGIS.

PostGIS ajoute le support d'objets géographique à la base de données PostgreSQL. En effet, PostGIS "spatialise" le serverur PostgreSQL, ce qui permet de l'utiliser comme une base de données SIG.

Maintenu à jour, en fonction de nos disponibilités et des diverses sorties des outils que nous testons, nous vous proposons l'ensemble de nos travaux publiés en langue française.

source: trunk/workshop-routing-foss4g/web/GeoExt/docs/lib/GeoExt/widgets/ZoomSlider.html @ 81

Revision 76, 13.5 KB checked in by djay, 12 years ago (diff)

Ajout du répertoire web

  • Property svn:executable set to *
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4<html xmlns="http://www.w3.org/1999/xhtml">
5  <head>
6    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7   
8    <title>GeoExt.ZoomSlider &mdash; GeoExt v1.0</title>
9    <link rel="stylesheet" href="../../../_static/geoext.css" type="text/css" />
10    <link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" />
11    <script type="text/javascript">
12      var DOCUMENTATION_OPTIONS = {
13        URL_ROOT:    '../../../',
14        VERSION:     '1.0',
15        COLLAPSE_MODINDEX: false,
16        FILE_SUFFIX: '.html',
17        HAS_SOURCE:  true
18      };
19    </script>
20    <script type="text/javascript" src="../../../_static/jquery.js"></script>
21    <script type="text/javascript" src="../../../_static/doctools.js"></script>
22    <link rel="shortcut icon" href="../../../_static/favicon.ico"/>
23    <link rel="top" title="GeoExt v1.0" href="../../../index.html" />
24    <link rel="up" title="Widgets" href="../widgets.html" />
25    <link rel="next" title="GeoExt.LayerOpacitySliderTip" href="tips/LayerOpacitySliderTip.html" />
26    <link rel="prev" title="GeoExt.WMSLegend" href="WMSLegend.html" />
27   
28   
29   
30   
31   
32
33  </head>
34  <body>
35    <div class="header">
36        <div class="wrap">
37            <h1 id="logo"><a href="../../../index.html">GeoExt</a></h1>
38            <ul id="top-nav">
39                <li class="first"><a href="../../../docs.html">Documentation</a></li>
40                <li><a href="../../../examples.html">Examples</a></li>
41                <li><a href="../../../downloads.html">Download</a></li>
42                <li><a href="http://trac.geoext.org/">Development</a></li>
43            </ul>
44            <div id="searchbox">
45                <form class="search" action="../../../search.html" method="get">
46                    <input id="searchbox-query" type="text" name="q" size="25" value="Search &hellip;" tabindex="3" onblur="if(this.value=='') this.value='Search &hellip;';" onfocus="if(this.value=='Search &hellip;') this.value='';" />
47                    <input id="searchbox-submit" type="image" value="Search" src="../../../_static/img/search_icon_green.png" />
48                    <input type="hidden" name="check_keywords" value="yes" />
49                    <input type="hidden" name="area" value="default" />
50                </form>
51            </div>
52        </div>
53    </div>
54
55    <div class="related">
56      <h3>Navigation</h3>
57      <ul>
58        <li><a href="../../../index.html">GeoExt</a> &raquo;</li>
59          <li><a href="../../index.html" >API Reference</a> &raquo;</li>
60          <li><a href="../widgets.html" accesskey="U">Widgets</a> &raquo;</li>
61        <li><a href="#"><tt class="docutils literal docutils literal"><span class="pre">GeoExt.ZoomSlider</span></tt></a></li>
62      </ul>
63    </div>
64
65      <div class="sphinxsidebar">
66        <div class="sphinxsidebarwrapper">
67            <h3><a href="../../../index.html">Table Of Contents</a></h3>
68            <ul>
69<li><a class="reference external" href="#"><tt class="docutils literal"><span class="pre">GeoExt.ZoomSlider</span></tt></a><ul>
70<li><a class="reference external" href="#example-use">Example Use</a></li>
71<li><a class="reference external" href="#config-options">Config Options</a></li>
72<li><a class="reference external" href="#public-methods">Public Methods</a></li>
73</ul>
74</li>
75</ul>
76
77            <h4>Previous topic</h4>
78            <p class="topless"><a href="WMSLegend.html"
79                                  title="previous chapter"><tt class="docutils literal docutils literal docutils literal"><span class="pre">GeoExt.WMSLegend</span></tt></a></p>
80            <h4>Next topic</h4>
81            <p class="topless"><a href="tips/LayerOpacitySliderTip.html"
82                                  title="next chapter"><tt class="docutils literal"><span class="pre">GeoExt.LayerOpacitySliderTip</span></tt></a></p>
83        </div>
84      </div>
85
86
87    <div class="document">
88      <div class="documentwrapper">
89        <div class="bodywrapper">
90          <div class="body">
91           
92  <div class="section" id="geoext-zoomslider">
93<h1><a title="GeoExt.ZoomSlider" class="reference internal" href="#GeoExt.ZoomSlider"><tt class="xref docutils literal"><span class="pre">GeoExt.ZoomSlider</span></tt></a><a class="headerlink" href="#geoext-zoomslider" title="Permalink to this headline">¶</a></h1>
94<dl class="meta docutils">
95<dt>Extends</dt>
96<dd><ul class="first last simple">
97<li><a class="reference external" href="http://dev.sencha.com/deploy/dev/docs/?class=Ext.Slider">Ext.Slider</a></li>
98</ul>
99</dd>
100<dt>xtype</dt>
101<dd><tt class="docutils literal"><span class="pre">gx_zoomslider</span></tt></dd>
102</dl>
103<dl class="class">
104<dt id="GeoExt.ZoomSlider">
105<em class="property">class </em><tt class="descclassname">GeoExt.</tt><tt class="descname">ZoomSlider</tt><big>(</big><em>config</em><big>)</big><a class="headerlink" href="#GeoExt.ZoomSlider" title="Permalink to this definition">¶</a></dt>
106<dd>Create a slider for controlling a map&#8217;s zoom level.</dd></dl>
107
108<div class="section" id="example-use">
109<h2>Example Use<a class="headerlink" href="#example-use" title="Permalink to this headline">¶</a></h2>
110<p>Sample code to render a slider outside the map viewport:</p>
111<div class="highlight-javascript"><div class="highlight"><pre><span class="kd">var</span> <span class="nx">slider</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">ZoomSlider</span><span class="p">({</span>
112    <span class="nx">renderTo</span><span class="o">:</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span>
113    <span class="nx">width</span><span class="o">:</span> <span class="mi">200</span><span class="p">,</span>
114    <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span>
115<span class="p">});</span>
116</pre></div>
117</div>
118<p>Sample code to add a slider to a map panel:</p>
119<div class="highlight-javascript"><div class="highlight"><pre><span class="kd">var</span> <span class="nx">panel</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">MapPanel</span><span class="p">({</span>
120    <span class="nx">renderTo</span><span class="o">:</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">,</span>
121    <span class="nx">height</span><span class="o">:</span> <span class="mi">300</span><span class="p">,</span>
122    <span class="nx">width</span><span class="o">:</span> <span class="mi">400</span><span class="p">,</span>
123    <span class="nx">map</span><span class="o">:</span> <span class="p">{</span>
124        <span class="nx">controls</span><span class="o">:</span> <span class="p">[</span><span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Control</span><span class="p">.</span><span class="nx">Navigation</span><span class="p">()]</span>
125    <span class="p">},</span>
126    <span class="nx">layers</span><span class="o">:</span> <span class="p">[</span><span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Layer</span><span class="p">.</span><span class="nx">WMS</span><span class="p">(</span>
127        <span class="s2">&quot;Global Imagery&quot;</span><span class="p">,</span>
128        <span class="s2">&quot;http://maps.opengeo.org/geowebcache/service/wms&quot;</span><span class="p">,</span>
129        <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s2">&quot;bluemarble&quot;</span><span class="p">}</span>
130    <span class="p">)],</span>
131    <span class="nx">extent</span><span class="o">:</span> <span class="p">[</span><span class="o">-</span><span class="mi">5</span><span class="p">,</span> <span class="mi">35</span><span class="p">,</span> <span class="mi">15</span><span class="p">,</span> <span class="mi">55</span><span class="p">],</span>
132    <span class="nx">items</span><span class="o">:</span> <span class="p">[{</span>
133        <span class="nx">xtype</span><span class="o">:</span> <span class="s2">&quot;gx_zoomslider&quot;</span><span class="p">,</span>
134        <span class="nx">aggressive</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
135        <span class="nx">vertical</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
136        <span class="nx">height</span><span class="o">:</span> <span class="mi">100</span><span class="p">,</span>
137        <span class="nx">x</span><span class="o">:</span> <span class="mi">10</span><span class="p">,</span>
138        <span class="nx">y</span><span class="o">:</span> <span class="mi">20</span>
139    <span class="p">}]</span>
140<span class="p">});</span>
141</pre></div>
142</div>
143</div>
144<div class="section" id="config-options">
145<h2>Config Options<a class="headerlink" href="#config-options" title="Permalink to this headline">¶</a></h2>
146<p>Configuration properties in addition to
147those listed for <a class="reference external" href="http://dev.sencha.com/deploy/dev/docs/?class=Ext.Slider">Ext.Slider</a>.</p>
148<dl class="describe">
149<dt>
150<tt class="descname">aggressive</tt></dt>
151<dd><tt class="docutils literal"><span class="pre">Boolean</span></tt>
152If set to true, the map is zoomed as soon as the thumb is moved. Otherwise
153the map is zoomed when the thumb is released (default).</dd></dl>
154
155<dl class="describe">
156<dt>
157<tt class="descname">baseCls</tt></dt>
158<dd><tt class="docutils literal"><span class="pre">String</span></tt>
159The CSS class name for the slider elements.  Default is &#8220;gx-zoomslider&#8221;.</dd></dl>
160
161<dl class="describe">
162<dt>
163<tt class="descname">map</tt></dt>
164<dd><tt class="docutils literal"><span class="pre">OpenLayers.Map</span></tt> or <a title="GeoExt.MapPanel" class="reference external" href="MapPanel.html#GeoExt.MapPanel"><tt class="xref docutils literal"><span class="pre">GeoExt.MapPanel</span></tt></a>
165The map that the slider controls.</dd></dl>
166
167</div>
168<div class="section" id="public-methods">
169<h2>Public Methods<a class="headerlink" href="#public-methods" title="Permalink to this headline">¶</a></h2>
170<p>Public methods in addition to those
171listed for <a class="reference external" href="http://dev.sencha.com/deploy/dev/docs/?class=Ext.Slider">Ext.Slider</a>.</p>
172<dl class="method">
173<dt id="GeoExt.ZoomSlider.getResolution">
174<tt class="descclassname">ZoomSlider.</tt><tt class="descname">getResolution</tt><big>(</big><big>)</big><a class="headerlink" href="#GeoExt.ZoomSlider.getResolution" title="Permalink to this definition">¶</a></dt>
175<dd><table class="docutils field-list" frame="void" rules="none">
176<col class="field-name" />
177<col class="field-body" />
178<tbody valign="top">
179<tr class="field"><th class="field-name">Returns:</th><td class="field-body"><tt class="docutils literal"><span class="pre">Number</span></tt> The map resolution.</td>
180</tr>
181</tbody>
182</table>
183<p>Get the resolution for the associated map based on the slider value.</p>
184</dd></dl>
185
186<dl class="method">
187<dt id="GeoExt.ZoomSlider.getScale">
188<tt class="descclassname">ZoomSlider.</tt><tt class="descname">getScale</tt><big>(</big><big>)</big><a class="headerlink" href="#GeoExt.ZoomSlider.getScale" title="Permalink to this definition">¶</a></dt>
189<dd><table class="docutils field-list" frame="void" rules="none">
190<col class="field-name" />
191<col class="field-body" />
192<tbody valign="top">
193<tr class="field"><th class="field-name">Returns:</th><td class="field-body"><tt class="docutils literal"><span class="pre">Number</span></tt> The map scale denominator.</td>
194</tr>
195</tbody>
196</table>
197<p>Get the scale denominator for the associated map based on the slider value.</p>
198</dd></dl>
199
200<dl class="method">
201<dt id="GeoExt.ZoomSlider.getZoom">
202<tt class="descclassname">ZoomSlider.</tt><tt class="descname">getZoom</tt><big>(</big><big>)</big><a class="headerlink" href="#GeoExt.ZoomSlider.getZoom" title="Permalink to this definition">¶</a></dt>
203<dd><table class="docutils field-list" frame="void" rules="none">
204<col class="field-name" />
205<col class="field-body" />
206<tbody valign="top">
207<tr class="field"><th class="field-name">Returns:</th><td class="field-body"><tt class="docutils literal"><span class="pre">Number</span></tt> The map zoom level.</td>
208</tr>
209</tbody>
210</table>
211<p>Get the zoom level for the associated map based on the slider value.</p>
212</dd></dl>
213
214</div>
215</div>
216
217
218          </div>
219        </div>
220      </div>
221      <div class="clearer"></div>
222    </div>
223    <div class="related">
224      <h3>Navigation</h3>
225      <ul>
226            <li class="right" style="margin-right: 10px">
227              <a href="../../../genindex.html" title="General Index"
228                 accesskey="I">index</a></li>
229            <li class="right" >
230              <a href="../../../modindex.html" title="Global Module Index"
231                 accesskey="M">modules</a> |</li>
232            <li class="right" >
233              <a href="tips/LayerOpacitySliderTip.html" title="GeoExt.LayerOpacitySliderTip"
234                 accesskey="N">next</a> |</li>
235            <li class="right" >
236              <a href="WMSLegend.html" title="GeoExt.WMSLegend"
237                 accesskey="P">previous</a> |</li>
238        <li><a href="../../../index.html">GeoExt</a> &raquo;</li>
239          <li><a href="../../index.html" >API Reference</a> &raquo;</li>
240          <li><a href="../widgets.html" >Widgets</a> &raquo;</li>
241        <li><a href="#"><tt class="docutils literal docutils literal"><span class="pre">GeoExt.ZoomSlider</span></tt></a></li>
242      </ul>
243    </div>
244
245    <div class="footer">
246      &copy; Copyright 2009-2010, GeoExt Community.
247    </div>
248  </body>
249</html>
Note: See TracBrowser for help on using the repository browser.