Changeset 3510 for sandbox

Show
Ignore:
Timestamp:
05/11/10 13:21:36 (2 years ago)
Author:
cmoullet
Message:

Fix API style

Location:
sandbox/cmoullet/chtopo_apitraining2010
Files:
3 added
20 modified

Legend:

Unmodified
Added
Removed
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/.buildinfo

    r3473 r3510  
    11# Sphinx build info version 1 
    22# This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done. 
    3 config: 363aa0193497cccece81a87123e4fe5f 
     3config: b3c59bd17b5df1d4a908fc964d8f6c84 
    44tags: fbb0d17656682115ca4d033fb2f83ba1 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/_downloads/geoadmin_geonames.html

    r3496 r3510  
    1212    <script type="text/javascript"> 
    1313        Ext.onReady(function() { 
    14             geo = new geoadmin.API(); 
    15             map = geo.createMap({ 
     14            var geo = new geoadmin.API(); 
     15            var map = geo.createMap({ 
    1616                div: 'map', 
    1717                easting: 600000, 
     
    1919                zoom: 3 
    2020            }); 
    21             new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
     21            var comboSearch = new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
    2222                map: map, 
    2323                zoom: 8, 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/_downloads/geoadmin_measure.html

    r3496 r3510  
    2020    <script type="text/javascript"> 
    2121        Ext.onReady(function() { 
    22             geo = new geoadmin.API(); 
    23             map = geo.createMap({ 
     22            var geo = new geoadmin.API(); 
     23            var map = geo.createMap({ 
    2424                div: 'map', 
    2525                easting: 600000, 
     
    2727                zoom: 3 
    2828            }); 
    29             new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
     29            var comboSearch = new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
    3030                map: map, 
    3131                zoom: 8, 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/_downloads/geoadmin_streetview.html

    r3496 r3510  
    3333            var extent = new OpenLayers.Bounds(597000, 197000, 603000, 203000); 
    3434 
    35             new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
     35            var comboSearch = new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
    3636                map: map, 
    3737                zoom: 8, 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/_sources/index.txt

    r3473 r3510  
    66Welcome to chtopo_apitraining2010's documentation! 
    77================================================== 
     8 
     9Presentation 
     10------------ 
     11 
     12:download:`GeoAdmin API <_static/chtopo_apitraining2010_presentation.odp>` 
    813 
    914Introduction 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/_static/geoadmin_geonames.html

    r3496 r3510  
    1212    <script type="text/javascript"> 
    1313        Ext.onReady(function() { 
    14             geo = new geoadmin.API(); 
    15             map = geo.createMap({ 
     14            var geo = new geoadmin.API(); 
     15            var map = geo.createMap({ 
    1616                div: 'map', 
    1717                easting: 600000, 
     
    1919                zoom: 3 
    2020            }); 
    21             new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
     21            var comboSearch = new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
    2222                map: map, 
    2323                zoom: 8, 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/_static/geoadmin_measure.html

    r3496 r3510  
    2020    <script type="text/javascript"> 
    2121        Ext.onReady(function() { 
    22             geo = new geoadmin.API(); 
    23             map = geo.createMap({ 
     22            var geo = new geoadmin.API(); 
     23            var map = geo.createMap({ 
    2424                div: 'map', 
    2525                easting: 600000, 
     
    2727                zoom: 3 
    2828            }); 
    29             new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
     29            var comboSearch = new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
    3030                map: map, 
    3131                zoom: 8, 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/_static/geoadmin_streetview.html

    r3496 r3510  
    3333            var extent = new OpenLayers.Bounds(597000, 197000, 603000, 203000); 
    3434 
    35             new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
     35            var comboSearch = new GeoExt.ux.geonames.GeoNamesSearchCombo({ 
    3636                map: map, 
    3737                zoom: 8, 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/extjs.html

    r3473 r3510  
    77     
    88    <title>ExtJS &mdash; chtopo_apitraining2010 v1.0 documentation</title> 
    9     <link rel="stylesheet" href="_static/sphinxdoc.css" type="text/css" /> 
     9    <link rel="stylesheet" href="_static/default.css" type="text/css" /> 
    1010    <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> 
    1111    <script type="text/javascript"> 
     
    3939        <li><a href="index.html">chtopo_apitraining2010 v1.0 documentation</a> &raquo;</li>  
    4040      </ul> 
    41     </div> 
    42       <div class="sphinxsidebar"> 
    43         <div class="sphinxsidebarwrapper"> 
    44             <h3><a href="index.html">Table Of Contents</a></h3> 
    45             <ul> 
    46 <li><a class="reference external" href="">ExtJS</a><ul> 
    47 <li><a class="reference external" href="#ext-hello-world">Ext &#8220;Hello World&#8221;</a></li> 
    48 <li><a class="reference external" href="#ext-viewport">Ext.Viewport</a></li> 
    49 <li><a class="reference external" href="#documentation">Documentation</a></li> 
    50 </ul> 
    51 </li> 
    52 </ul> 
    53  
    54             <h4>Previous topic</h4> 
    55             <p class="topless"><a href="openlayers.html" 
    56                                   title="previous chapter">OpenLayers</a></p> 
    57             <h4>Next topic</h4> 
    58             <p class="topless"><a href="geoext.html" 
    59                                   title="next chapter">GeoExt</a></p> 
    60             <h3>This Page</h3> 
    61             <ul class="this-page-menu"> 
    62               <li><a href="_sources/extjs.txt" 
    63                      rel="nofollow">Show Source</a></li> 
    64             </ul> 
    65           <div id="searchbox" style="display: none"> 
    66             <h3>Quick search</h3> 
    67               <form class="search" action="search.html" method="get"> 
    68                 <input type="text" name="q" size="18" /> 
    69                 <input type="submit" value="Go" /> 
    70                 <input type="hidden" name="check_keywords" value="yes" /> 
    71                 <input type="hidden" name="area" value="default" /> 
    72               </form> 
    73               <p class="searchtip" style="font-size: 90%"> 
    74               Enter search terms or a module, class or function name. 
    75               </p> 
    76           </div> 
    77           <script type="text/javascript">$('#searchbox').show(0);</script> 
    78         </div> 
    79       </div> 
     41    </div>   
    8042 
    8143    <div class="document"> 
     
    242204        </div> 
    243205      </div> 
     206      <div class="sphinxsidebar"> 
     207        <div class="sphinxsidebarwrapper"> 
     208            <h3><a href="index.html">Table Of Contents</a></h3> 
     209            <ul> 
     210<li><a class="reference external" href="">ExtJS</a><ul> 
     211<li><a class="reference external" href="#ext-hello-world">Ext &#8220;Hello World&#8221;</a></li> 
     212<li><a class="reference external" href="#ext-viewport">Ext.Viewport</a></li> 
     213<li><a class="reference external" href="#documentation">Documentation</a></li> 
     214</ul> 
     215</li> 
     216</ul> 
     217 
     218            <h4>Previous topic</h4> 
     219            <p class="topless"><a href="openlayers.html" 
     220                                  title="previous chapter">OpenLayers</a></p> 
     221            <h4>Next topic</h4> 
     222            <p class="topless"><a href="geoext.html" 
     223                                  title="next chapter">GeoExt</a></p> 
     224            <h3>This Page</h3> 
     225            <ul class="this-page-menu"> 
     226              <li><a href="_sources/extjs.txt" 
     227                     rel="nofollow">Show Source</a></li> 
     228            </ul> 
     229          <div id="searchbox" style="display: none"> 
     230            <h3>Quick search</h3> 
     231              <form class="search" action="search.html" method="get"> 
     232                <input type="text" name="q" size="18" /> 
     233                <input type="submit" value="Go" /> 
     234                <input type="hidden" name="check_keywords" value="yes" /> 
     235                <input type="hidden" name="area" value="default" /> 
     236              </form> 
     237              <p class="searchtip" style="font-size: 90%"> 
     238              Enter search terms or a module, class or function name. 
     239              </p> 
     240          </div> 
     241          <script type="text/javascript">$('#searchbox').show(0);</script> 
     242        </div> 
     243      </div> 
    244244      <div class="clearer"></div> 
    245245    </div> 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/genindex.html

    r3473 r3510  
    77     
    88    <title>Index &mdash; chtopo_apitraining2010 v1.0 documentation</title> 
    9     <link rel="stylesheet" href="_static/sphinxdoc.css" type="text/css" /> 
     9    <link rel="stylesheet" href="_static/default.css" type="text/css" /> 
    1010    <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> 
    1111    <script type="text/javascript"> 
     
    3131        <li><a href="index.html">chtopo_apitraining2010 v1.0 documentation</a> &raquo;</li>  
    3232      </ul> 
    33     </div> 
     33    </div>   
     34 
     35    <div class="document"> 
     36      <div class="documentwrapper"> 
     37        <div class="bodywrapper"> 
     38          <div class="body"> 
     39             
     40 
     41   <h1 id="index">Index</h1> 
     42 
     43    
     44 
     45   <hr /> 
     46 
     47    
     48 
     49 
     50          </div> 
     51        </div> 
     52      </div> 
    3453      <div class="sphinxsidebar"> 
    3554        <div class="sphinxsidebarwrapper"> 
     
    5271        </div> 
    5372      </div> 
    54  
    55     <div class="document"> 
    56       <div class="documentwrapper"> 
    57         <div class="bodywrapper"> 
    58           <div class="body"> 
    59              
    60  
    61    <h1 id="index">Index</h1> 
    62  
    63     
    64  
    65    <hr /> 
    66  
    67     
    68  
    69  
    70           </div> 
    71         </div> 
    72       </div> 
    7373      <div class="clearer"></div> 
    7474    </div> 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/geoadmin.html

    r3486 r3510  
    77     
    88    <title>GeoAdmin API &mdash; chtopo_apitraining2010 v1.0 documentation</title> 
    9     <link rel="stylesheet" href="_static/sphinxdoc.css" type="text/css" /> 
     9    <link rel="stylesheet" href="_static/default.css" type="text/css" /> 
    1010    <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> 
    1111    <script type="text/javascript"> 
     
    3535        <li><a href="index.html">chtopo_apitraining2010 v1.0 documentation</a> &raquo;</li>  
    3636      </ul> 
    37     </div> 
    38       <div class="sphinxsidebar"> 
    39         <div class="sphinxsidebarwrapper"> 
    40             <h3><a href="index.html">Table Of Contents</a></h3> 
    41             <ul> 
    42 <li><a class="reference external" href="">GeoAdmin API</a><ul> 
    43 <li><a class="reference external" href="#exercice-1">Exercice 1</a></li> 
    44 <li><a class="reference external" href="#exercice-2">Exercice 2</a></li> 
    45 <li><a class="reference external" href="#exercice-3">Exercice 3</a></li> 
    46 <li><a class="reference external" href="#documentation">Documentation</a></li> 
    47 </ul> 
    48 </li> 
    49 </ul> 
    50  
    51             <h4>Previous topic</h4> 
    52             <p class="topless"><a href="geoext.html" 
    53                                   title="previous chapter">GeoExt</a></p> 
    54             <h3>This Page</h3> 
    55             <ul class="this-page-menu"> 
    56               <li><a href="_sources/geoadmin.txt" 
    57                      rel="nofollow">Show Source</a></li> 
    58             </ul> 
    59           <div id="searchbox" style="display: none"> 
    60             <h3>Quick search</h3> 
    61               <form class="search" action="search.html" method="get"> 
    62                 <input type="text" name="q" size="18" /> 
    63                 <input type="submit" value="Go" /> 
    64                 <input type="hidden" name="check_keywords" value="yes" /> 
    65                 <input type="hidden" name="area" value="default" /> 
    66               </form> 
    67               <p class="searchtip" style="font-size: 90%"> 
    68               Enter search terms or a module, class or function name. 
    69               </p> 
    70           </div> 
    71           <script type="text/javascript">$('#searchbox').show(0);</script> 
    72         </div> 
    73       </div> 
     37    </div>   
    7438 
    7539    <div class="document"> 
     
    13094        </div> 
    13195      </div> 
     96      <div class="sphinxsidebar"> 
     97        <div class="sphinxsidebarwrapper"> 
     98            <h3><a href="index.html">Table Of Contents</a></h3> 
     99            <ul> 
     100<li><a class="reference external" href="">GeoAdmin API</a><ul> 
     101<li><a class="reference external" href="#exercice-1">Exercice 1</a></li> 
     102<li><a class="reference external" href="#exercice-2">Exercice 2</a></li> 
     103<li><a class="reference external" href="#exercice-3">Exercice 3</a></li> 
     104<li><a class="reference external" href="#documentation">Documentation</a></li> 
     105</ul> 
     106</li> 
     107</ul> 
     108 
     109            <h4>Previous topic</h4> 
     110            <p class="topless"><a href="geoext.html" 
     111                                  title="previous chapter">GeoExt</a></p> 
     112            <h3>This Page</h3> 
     113            <ul class="this-page-menu"> 
     114              <li><a href="_sources/geoadmin.txt" 
     115                     rel="nofollow">Show Source</a></li> 
     116            </ul> 
     117          <div id="searchbox" style="display: none"> 
     118            <h3>Quick search</h3> 
     119              <form class="search" action="search.html" method="get"> 
     120                <input type="text" name="q" size="18" /> 
     121                <input type="submit" value="Go" /> 
     122                <input type="hidden" name="check_keywords" value="yes" /> 
     123                <input type="hidden" name="area" value="default" /> 
     124              </form> 
     125              <p class="searchtip" style="font-size: 90%"> 
     126              Enter search terms or a module, class or function name. 
     127              </p> 
     128          </div> 
     129          <script type="text/javascript">$('#searchbox').show(0);</script> 
     130        </div> 
     131      </div> 
    132132      <div class="clearer"></div> 
    133133    </div> 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/geoext.html

    r3473 r3510  
    77     
    88    <title>GeoExt &mdash; chtopo_apitraining2010 v1.0 documentation</title> 
    9     <link rel="stylesheet" href="_static/sphinxdoc.css" type="text/css" /> 
     9    <link rel="stylesheet" href="_static/default.css" type="text/css" /> 
    1010    <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> 
    1111    <script type="text/javascript"> 
     
    3939        <li><a href="index.html">chtopo_apitraining2010 v1.0 documentation</a> &raquo;</li>  
    4040      </ul> 
    41     </div> 
     41    </div>   
     42 
     43    <div class="document"> 
     44      <div class="documentwrapper"> 
     45        <div class="bodywrapper"> 
     46          <div class="body"> 
     47             
     48  <div class="section" id="geoext"> 
     49<span id="id1"></span><h1>GeoExt<a class="headerlink" href="#geoext" title="Permalink to this headline">¶</a></h1> 
     50<p>GeoExt brings together the geospatial know how of OpenLayers with the user interface savvy of Ext JS to help you build powerful desktop style GIS apps on the web with JavaScript.</p> 
     51<script language=javascript type='text/javascript'> 
     52 
     53function hidediv(div, showDiv, hideDiv) { 
     54   document.getElementById(div).style.visibility = 'hidden'; 
     55   document.getElementById(div).style.display = 'none'; 
     56   document.getElementById(hideDiv).style.visibility = 'hidden'; 
     57   document.getElementById(hideDiv).style.display = 'none'; 
     58   document.getElementById(showDiv).style.visibility = 'visible'; 
     59   document.getElementById(showDiv).style.display = 'block'; 
     60} 
     61 
     62function showdiv(div, showDiv, hideDiv) { 
     63   document.getElementById(div).style.visibility = 'visible'; 
     64   document.getElementById(div).style.display = 'block'; 
     65   document.getElementById(showDiv).style.visibility = 'hidden'; 
     66   document.getElementById(showDiv).style.display = 'none'; 
     67   document.getElementById(hideDiv).style.visibility = 'visible'; 
     68   document.getElementById(hideDiv).style.display = 'block'; 
     69} 
     70</script><div class="admonition note"> 
     71<p class="first admonition-title">Note</p> 
     72<p>In order to play with GeoExt, it is needed to reference the OpenLayers, ExtJS and GeoExt library.</p> 
     73<p>For GeoExt, simply add the following code in the html page:</p> 
     74<p class="last">&lt;script src=&#8221;<a class="reference external" href="http://dev.geoext.org/trunk/geoext/lib/GeoExt.js">http://dev.geoext.org/trunk/geoext/lib/GeoExt.js</a>&#8220;&gt;&lt;/script&gt;</p> 
     75</div> 
     76<div class="section" id="geoext-mappanel"> 
     77<h2>GeoExt.MapPanel<a class="headerlink" href="#geoext-mappanel" title="Permalink to this headline">¶</a></h2> 
     78<p>A GeoExt MapPanel is an OpenLayers map integrated into an ExtJS Panel.</p> 
     79<p>To test: <a href="_downloads/geoext_mappanel.html"><strong class="xref">geoext_mappanel.html</strong></a></p> 
     80<a id="showRef6" href="javascript:showdiv('codeBlock6','showRef6','hideRef6')">Show code</a> 
     81<a id="hideRef6" href="javascript:hidediv('codeBlock6','showRef6','hideRef6')" style="display: none; visibility: hidden">Hide code</a> 
     82<div id="codeBlock6" style="display: none; visibility: hidden"><div class="highlight-html"><div class="highlight"><pre><span class="nt">&lt;html&gt;</span> 
     83<span class="nt">&lt;head&gt;</span> 
     84 
     85 <span class="nt">&lt;title&gt;</span>GeoExt Map Panel<span class="nt">&lt;/title&gt;</span> 
     86 <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;http://extjs.cachefly.net/builds/ext-cdn-771.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
     87 <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css&quot;</span><span class="nt">/&gt;</span> 
     88 
     89 <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://www.openlayers.org/api/OpenLayers.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
     90 
     91 <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://dev.geoext.org/trunk/geoext/lib/GeoExt.js&quot;</span> <span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
     92 
     93 <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> 
     94     <span class="nx">Ext</span><span class="p">.</span><span class="nx">onReady</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> 
     95         <span class="kd">var</span> <span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Map</span><span class="p">();</span> 
     96         <span class="kd">var</span> <span class="nx">layer</span> <span class="o">=</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> 
     97                 <span class="s2">&quot;Blue Marble&quot;</span><span class="o">,</span> 
     98                 <span class="s2">&quot;http://sigma.openplans.org/geoserver/wms?&quot;</span><span class="o">,</span> 
     99         <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s2">&quot;bluemarble&quot;</span><span class="p">}</span> 
     100                 <span class="p">);</span> 
     101         <span class="nx">map</span><span class="p">.</span><span class="nx">addLayer</span><span class="p">(</span><span class="nx">layer</span><span class="p">);</span> 
     102 
     103         <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">MapPanel</span><span class="p">({</span> 
     104             <span class="nx">renderTo</span><span class="o">:</span> <span class="s1">&#39;gxmap&#39;</span><span class="o">,</span> 
     105             <span class="nx">height</span><span class="o">:</span> <span class="mi">400</span><span class="o">,</span> 
     106             <span class="nx">width</span><span class="o">:</span> <span class="mi">600</span><span class="o">,</span> 
     107             <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
     108             <span class="nx">title</span><span class="o">:</span> <span class="s1">&#39;GeoExt Map Panel&#39;</span> 
     109         <span class="p">});</span> 
     110     <span class="p">});</span> 
     111 <span class="nt">&lt;/script&gt;</span> 
     112<span class="nt">&lt;/head&gt;</span> 
     113<span class="nt">&lt;body&gt;</span> 
     114<span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;gxmap&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> 
     115<span class="nt">&lt;/body&gt;</span> 
     116<span class="nt">&lt;/html&gt;</span> 
     117</pre></div> 
     118</div> 
     119</div></div> 
     120<div class="section" id="geoext-action"> 
     121<h2>GeoExt.Action<a class="headerlink" href="#geoext-action" title="Permalink to this headline">¶</a></h2> 
     122<p>GeoExt provides the GeoExt.Action class for adaptating a control to an object that can be inserted in a toolbar or in a menu.</p> 
     123<p>To test: <a href="_downloads/geoext_action.html"><strong class="xref">geoext_action.html</strong></a></p> 
     124<a id="showRef7" href="javascript:showdiv('codeBlock7','showRef7','hideRef7')">Show code</a> 
     125<a id="hideRef7" href="javascript:hidediv('codeBlock7','showRef7','hideRef7')" style="display: none; visibility: hidden">Hide code</a> 
     126<div id="codeBlock7" style="display: none; visibility: hidden"><div class="highlight-html"><div class="highlight"><pre><span class="nt">&lt;html&gt;</span> 
     127<span class="nt">&lt;head&gt;</span> 
     128 <span class="nt">&lt;title&gt;</span>GeoExt Action<span class="nt">&lt;/title&gt;</span> 
     129 
     130 <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;http://extjs.cachefly.net/builds/ext-cdn-771.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
     131 <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css&quot;</span><span class="nt">/&gt;</span> 
     132 
     133 <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://www.openlayers.org/api/OpenLayers.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
     134 
     135 <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;http://dev.geoext.org/trunk/geoext/lib/GeoExt.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
     136 
     137 <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> 
     138     <span class="nx">Ext</span><span class="p">.</span><span class="nx">onReady</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> 
     139         <span class="kd">var</span> <span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Map</span><span class="p">();</span> 
     140         <span class="kd">var</span> <span class="nx">wms</span> <span class="o">=</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> 
     141                 <span class="s2">&quot;bluemarble&quot;</span><span class="o">,</span> 
     142                 <span class="s2">&quot;http://sigma.openplans.org/geoserver/wms?&quot;</span><span class="o">,</span> 
     143         <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s1">&#39;bluemarble&#39;</span><span class="p">}</span> 
     144                 <span class="p">);</span> 
     145         <span class="kd">var</span> <span class="nx">vector</span> <span class="o">=</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">Vector</span><span class="p">(</span><span class="s2">&quot;vector&quot;</span><span class="p">);</span> 
     146         <span class="nx">map</span><span class="p">.</span><span class="nx">addLayers</span><span class="p">([</span><span class="nx">wms</span><span class="o">,</span> <span class="nx">vector</span><span class="p">]);</span> 
     147 
     148         <span class="kd">var</span> <span class="nx">ctrl</span><span class="o">,</span> <span class="nx">toolbarItems</span> <span class="o">=</span> <span class="p">[]</span><span class="o">,</span> <span class="nx">action</span><span class="o">,</span> <span class="nx">actions</span> <span class="o">=</span> <span class="p">{};</span> 
     149 
     150         <span class="c">// ZoomToMaxExtent control, a &quot;button&quot; control</span> 
     151         <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
     152             <span class="nx">control</span><span class="o">:</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">ZoomToMaxExtent</span><span class="p">()</span><span class="o">,</span> 
     153             <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
     154             <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;max extent&quot;</span> 
     155         <span class="p">});</span> 
     156         <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;max_extent&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
     157         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
     158         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;-&quot;</span><span class="p">);</span> 
     159 
     160         <span class="c">// Navigation control and DrawFeature controls</span> 
     161         <span class="c">// in the same toggle group</span> 
     162         <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
     163             <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;nav&quot;</span><span class="o">,</span> 
     164             <span class="nx">control</span><span class="o">:</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><span class="o">,</span> 
     165             <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
     166             <span class="c">// button options</span> 
     167             <span class="nx">toggleGroup</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span><span class="o">,</span> 
     168             <span class="nx">allowDepress</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span> 
     169             <span class="nx">pressed</span><span class="o">:</span> <span class="kc">true</span><span class="o">,</span> 
     170             <span class="c">// check item options</span> 
     171             <span class="nx">group</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span><span class="o">,</span> 
     172             <span class="nx">checked</span><span class="o">:</span> <span class="kc">true</span> 
     173         <span class="p">});</span> 
     174         <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;nav&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
     175         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
     176 
     177         <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
     178             <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;draw poly&quot;</span><span class="o">,</span> 
     179             <span class="nx">control</span><span class="o">:</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">DrawFeature</span><span class="p">(</span> 
     180                     <span class="nx">vector</span><span class="o">,</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Handler</span><span class="p">.</span><span class="nx">Polygon</span> 
     181                     <span class="p">)</span><span class="o">,</span> 
     182             <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
     183             <span class="c">// button options</span> 
     184             <span class="nx">toggleGroup</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span><span class="o">,</span> 
     185             <span class="nx">allowDepress</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span> 
     186             <span class="c">// check item options</span> 
     187             <span class="nx">group</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span> 
     188         <span class="p">});</span> 
     189         <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;draw_poly&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
     190         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
     191 
     192         <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
     193             <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;draw line&quot;</span><span class="o">,</span> 
     194             <span class="nx">control</span><span class="o">:</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">DrawFeature</span><span class="p">(</span> 
     195                     <span class="nx">vector</span><span class="o">,</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Handler</span><span class="p">.</span><span class="nx">Path</span> 
     196                     <span class="p">)</span><span class="o">,</span> 
     197             <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
     198             <span class="c">// button options</span> 
     199             <span class="nx">toggleGroup</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span><span class="o">,</span> 
     200             <span class="nx">allowDepress</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span> 
     201             <span class="c">// check item options</span> 
     202             <span class="nx">group</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span> 
     203         <span class="p">});</span> 
     204         <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;draw_line&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
     205         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
     206         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;-&quot;</span><span class="p">);</span> 
     207 
     208         <span class="c">// SelectFeature control, a &quot;toggle&quot; control</span> 
     209         <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
     210             <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;select&quot;</span><span class="o">,</span> 
     211             <span class="nx">control</span><span class="o">:</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">SelectFeature</span><span class="p">(</span><span class="nx">vector</span><span class="o">,</span> <span class="p">{</span> 
     212                 <span class="nx">type</span><span class="o">:</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Control</span><span class="p">.</span><span class="nx">TYPE_TOGGLE</span><span class="o">,</span> 
     213                 <span class="nx">hover</span><span class="o">:</span> <span class="kc">true</span> 
     214             <span class="p">})</span><span class="o">,</span> 
     215             <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
     216             <span class="c">// button options</span> 
     217             <span class="nx">enableToggle</span><span class="o">:</span> <span class="kc">true</span> 
     218         <span class="p">});</span> 
     219         <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;select&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
     220         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
     221         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;-&quot;</span><span class="p">);</span> 
     222 
     223         <span class="c">// Navigation history - two &quot;button&quot; controls</span> 
     224         <span class="nx">ctrl</span> <span class="o">=</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">NavigationHistory</span><span class="p">();</span> 
     225         <span class="nx">map</span><span class="p">.</span><span class="nx">addControl</span><span class="p">(</span><span class="nx">ctrl</span><span class="p">);</span> 
     226 
     227         <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
     228             <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;previous&quot;</span><span class="o">,</span> 
     229             <span class="nx">control</span><span class="o">:</span> <span class="nx">ctrl</span><span class="p">.</span><span class="nx">previous</span><span class="o">,</span> 
     230             <span class="nx">disabled</span><span class="o">:</span> <span class="kc">true</span> 
     231         <span class="p">});</span> 
     232         <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;previous&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
     233         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
     234 
     235         <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
     236             <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;next&quot;</span><span class="o">,</span> 
     237             <span class="nx">control</span><span class="o">:</span> <span class="nx">ctrl</span><span class="p">.</span><span class="nx">next</span><span class="o">,</span> 
     238             <span class="nx">disabled</span><span class="o">:</span> <span class="kc">true</span> 
     239         <span class="p">});</span> 
     240         <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;next&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
     241         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
     242         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;-&gt;&quot;</span><span class="p">);</span> 
     243 
     244         <span class="c">// Reuse the GeoExt.Action objects created above</span> 
     245         <span class="c">// as menu items</span> 
     246         <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">({</span> 
     247             <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;menu&quot;</span><span class="o">,</span> 
     248             <span class="nx">menu</span><span class="o">:</span> <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">Menu</span><span class="p">({</span> 
     249                 <span class="nx">items</span><span class="o">:</span> <span class="p">[</span> 
     250                     <span class="c">// ZoomToMaxExtent</span> 
     251                     <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;max_extent&quot;</span><span class="p">]</span><span class="o">,</span> 
     252                     <span class="c">// Nav</span> 
     253                     <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">CheckItem</span><span class="p">(</span><span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;nav&quot;</span><span class="p">])</span><span class="o">,</span> 
     254                     <span class="c">// Draw poly</span> 
     255                     <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">CheckItem</span><span class="p">(</span><span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;draw_poly&quot;</span><span class="p">])</span><span class="o">,</span> 
     256                     <span class="c">// Draw line</span> 
     257                     <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">CheckItem</span><span class="p">(</span><span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;draw_line&quot;</span><span class="p">])</span><span class="o">,</span> 
     258                     <span class="c">// Select control</span> 
     259                     <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">CheckItem</span><span class="p">(</span><span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;select&quot;</span><span class="p">])</span><span class="o">,</span> 
     260                     <span class="c">// Navigation history control</span> 
     261                     <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;previous&quot;</span><span class="p">]</span><span class="o">,</span> 
     262                     <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;next&quot;</span><span class="p">]</span> 
     263                 <span class="p">]</span> 
     264             <span class="p">})</span> 
     265         <span class="p">});</span> 
     266 
     267         <span class="kd">var</span> <span class="nx">mapPanel</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> 
     268             <span class="nx">renderTo</span><span class="o">:</span> <span class="s2">&quot;mappanel&quot;</span><span class="o">,</span> 
     269             <span class="nx">height</span><span class="o">:</span> <span class="mi">400</span><span class="o">,</span> 
     270             <span class="nx">width</span><span class="o">:</span> <span class="mi">600</span><span class="o">,</span> 
     271             <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
     272             <span class="nx">center</span><span class="o">:</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">LonLat</span><span class="p">(</span><span class="mi">5</span><span class="o">,</span> <span class="mi">45</span><span class="p">)</span><span class="o">,</span> 
     273             <span class="nx">zoom</span><span class="o">:</span> <span class="mi">4</span><span class="o">,</span> 
     274             <span class="nx">tbar</span><span class="o">:</span> <span class="nx">toolbarItems</span> 
     275         <span class="p">});</span> 
     276     <span class="p">});</span> 
     277 <span class="nt">&lt;/script&gt;</span> 
     278 
     279 <span class="nt">&lt;style </span><span class="na">type=</span><span class="s">&quot;text/css&quot;</span><span class="nt">&gt;</span> 
     280         <span class="c">/* work around an Ext bug that makes the rendering</span> 
     281<span class="c">            of menu items not as one would expect */</span> 
     282     <span class="nc">.ext-ie</span> <span class="nc">.x-menu-item-icon</span> <span class="p">{</span> 
     283         <span class="k">left</span><span class="o">:</span> <span class="m">-24px</span><span class="p">;</span> 
     284     <span class="p">}</span> 
     285 
     286     <span class="nc">.ext-strict</span> <span class="nc">.x-menu-item-icon</span> <span class="p">{</span> 
     287         <span class="k">left</span><span class="o">:</span> <span class="m">3px</span><span class="p">;</span> 
     288     <span class="p">}</span> 
     289 
     290     <span class="nc">.ext-ie6</span> <span class="nc">.x-menu-item-icon</span> <span class="p">{</span> 
     291         <span class="k">left</span><span class="o">:</span> <span class="m">-24px</span><span class="p">;</span> 
     292     <span class="p">}</span> 
     293 
     294     <span class="nc">.ext-ie7</span> <span class="nc">.x-menu-item-icon</span> <span class="p">{</span> 
     295         <span class="k">left</span><span class="o">:</span> <span class="m">-24px</span><span class="p">;</span> 
     296     <span class="p">}</span> 
     297 <span class="nt">&lt;/style&gt;</span> 
     298<span class="nt">&lt;/head&gt;</span> 
     299<span class="nt">&lt;body&gt;</span> 
     300<span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;mappanel&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> 
     301<span class="nt">&lt;/body&gt;</span> 
     302 
     303<span class="nt">&lt;/html&gt;</span> 
     304</pre></div> 
     305</div> 
     306</div></div> 
     307<div class="section" id="documentation"> 
     308<h2>Documentation<a class="headerlink" href="#documentation" title="Permalink to this headline">¶</a></h2> 
     309<ul class="simple"> 
     310<li>Web Site: <a class="reference external" href="http://www.geoext.org/">http://www.geoext.org/</a></li> 
     311<li>API documentation: <a class="reference external" href="http://www.geoext.org/lib/index.html">http://www.geoext.org/lib/index.html</a></li> 
     312<li>Examples: <a class="reference external" href="http://www.geoext.org/examples.html#examples">http://www.geoext.org/examples.html#examples</a></li> 
     313<li>Tutorial: <a class="reference external" href="http://www.geoext.org/tutorials/index.html">http://www.geoext.org/tutorials/index.html</a></li> 
     314<li>Trac: <a class="reference external" href="http://trac.geoext.org/">http://trac.geoext.org/</a></li> 
     315<li>User Extension: <a class="reference external" href="http://trac.geoext.org/wiki/Community">http://trac.geoext.org/wiki/Community</a></li> 
     316</ul> 
     317</div> 
     318</div> 
     319 
     320 
     321          </div> 
     322        </div> 
     323      </div> 
    42324      <div class="sphinxsidebar"> 
    43325        <div class="sphinxsidebarwrapper"> 
     
    78360        </div> 
    79361      </div> 
    80  
    81     <div class="document"> 
    82       <div class="documentwrapper"> 
    83         <div class="bodywrapper"> 
    84           <div class="body"> 
    85              
    86   <div class="section" id="geoext"> 
    87 <span id="id1"></span><h1>GeoExt<a class="headerlink" href="#geoext" title="Permalink to this headline">¶</a></h1> 
    88 <p>GeoExt brings together the geospatial know how of OpenLayers with the user interface savvy of Ext JS to help you build powerful desktop style GIS apps on the web with JavaScript.</p> 
    89 <script language=javascript type='text/javascript'> 
    90  
    91 function hidediv(div, showDiv, hideDiv) { 
    92    document.getElementById(div).style.visibility = 'hidden'; 
    93    document.getElementById(div).style.display = 'none'; 
    94    document.getElementById(hideDiv).style.visibility = 'hidden'; 
    95    document.getElementById(hideDiv).style.display = 'none'; 
    96    document.getElementById(showDiv).style.visibility = 'visible'; 
    97    document.getElementById(showDiv).style.display = 'block'; 
    98 } 
    99  
    100 function showdiv(div, showDiv, hideDiv) { 
    101    document.getElementById(div).style.visibility = 'visible'; 
    102    document.getElementById(div).style.display = 'block'; 
    103    document.getElementById(showDiv).style.visibility = 'hidden'; 
    104    document.getElementById(showDiv).style.display = 'none'; 
    105    document.getElementById(hideDiv).style.visibility = 'visible'; 
    106    document.getElementById(hideDiv).style.display = 'block'; 
    107 } 
    108 </script><div class="admonition note"> 
    109 <p class="first admonition-title">Note</p> 
    110 <p>In order to play with GeoExt, it is needed to reference the OpenLayers, ExtJS and GeoExt library.</p> 
    111 <p>For GeoExt, simply add the following code in the html page:</p> 
    112 <p class="last">&lt;script src=&#8221;<a class="reference external" href="http://dev.geoext.org/trunk/geoext/lib/GeoExt.js">http://dev.geoext.org/trunk/geoext/lib/GeoExt.js</a>&#8220;&gt;&lt;/script&gt;</p> 
    113 </div> 
    114 <div class="section" id="geoext-mappanel"> 
    115 <h2>GeoExt.MapPanel<a class="headerlink" href="#geoext-mappanel" title="Permalink to this headline">¶</a></h2> 
    116 <p>A GeoExt MapPanel is an OpenLayers map integrated into an ExtJS Panel.</p> 
    117 <p>To test: <a href="_downloads/geoext_mappanel.html"><strong class="xref">geoext_mappanel.html</strong></a></p> 
    118 <a id="showRef6" href="javascript:showdiv('codeBlock6','showRef6','hideRef6')">Show code</a> 
    119 <a id="hideRef6" href="javascript:hidediv('codeBlock6','showRef6','hideRef6')" style="display: none; visibility: hidden">Hide code</a> 
    120 <div id="codeBlock6" style="display: none; visibility: hidden"><div class="highlight-html"><div class="highlight"><pre><span class="nt">&lt;html&gt;</span> 
    121 <span class="nt">&lt;head&gt;</span> 
    122  
    123  <span class="nt">&lt;title&gt;</span>GeoExt Map Panel<span class="nt">&lt;/title&gt;</span> 
    124  <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;http://extjs.cachefly.net/builds/ext-cdn-771.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
    125  <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css&quot;</span><span class="nt">/&gt;</span> 
    126  
    127  <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://www.openlayers.org/api/OpenLayers.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
    128  
    129  <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://dev.geoext.org/trunk/geoext/lib/GeoExt.js&quot;</span> <span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
    130  
    131  <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> 
    132      <span class="nx">Ext</span><span class="p">.</span><span class="nx">onReady</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> 
    133          <span class="kd">var</span> <span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Map</span><span class="p">();</span> 
    134          <span class="kd">var</span> <span class="nx">layer</span> <span class="o">=</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> 
    135                  <span class="s2">&quot;Blue Marble&quot;</span><span class="o">,</span> 
    136                  <span class="s2">&quot;http://sigma.openplans.org/geoserver/wms?&quot;</span><span class="o">,</span> 
    137          <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s2">&quot;bluemarble&quot;</span><span class="p">}</span> 
    138                  <span class="p">);</span> 
    139          <span class="nx">map</span><span class="p">.</span><span class="nx">addLayer</span><span class="p">(</span><span class="nx">layer</span><span class="p">);</span> 
    140  
    141          <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">MapPanel</span><span class="p">({</span> 
    142              <span class="nx">renderTo</span><span class="o">:</span> <span class="s1">&#39;gxmap&#39;</span><span class="o">,</span> 
    143              <span class="nx">height</span><span class="o">:</span> <span class="mi">400</span><span class="o">,</span> 
    144              <span class="nx">width</span><span class="o">:</span> <span class="mi">600</span><span class="o">,</span> 
    145              <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
    146              <span class="nx">title</span><span class="o">:</span> <span class="s1">&#39;GeoExt Map Panel&#39;</span> 
    147          <span class="p">});</span> 
    148      <span class="p">});</span> 
    149  <span class="nt">&lt;/script&gt;</span> 
    150 <span class="nt">&lt;/head&gt;</span> 
    151 <span class="nt">&lt;body&gt;</span> 
    152 <span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;gxmap&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> 
    153 <span class="nt">&lt;/body&gt;</span> 
    154 <span class="nt">&lt;/html&gt;</span> 
    155 </pre></div> 
    156 </div> 
    157 </div></div> 
    158 <div class="section" id="geoext-action"> 
    159 <h2>GeoExt.Action<a class="headerlink" href="#geoext-action" title="Permalink to this headline">¶</a></h2> 
    160 <p>GeoExt provides the GeoExt.Action class for adaptating a control to an object that can be inserted in a toolbar or in a menu.</p> 
    161 <p>To test: <a href="_downloads/geoext_action.html"><strong class="xref">geoext_action.html</strong></a></p> 
    162 <a id="showRef7" href="javascript:showdiv('codeBlock7','showRef7','hideRef7')">Show code</a> 
    163 <a id="hideRef7" href="javascript:hidediv('codeBlock7','showRef7','hideRef7')" style="display: none; visibility: hidden">Hide code</a> 
    164 <div id="codeBlock7" style="display: none; visibility: hidden"><div class="highlight-html"><div class="highlight"><pre><span class="nt">&lt;html&gt;</span> 
    165 <span class="nt">&lt;head&gt;</span> 
    166  <span class="nt">&lt;title&gt;</span>GeoExt Action<span class="nt">&lt;/title&gt;</span> 
    167  
    168  <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;http://extjs.cachefly.net/builds/ext-cdn-771.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
    169  <span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css&quot;</span><span class="nt">/&gt;</span> 
    170  
    171  <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://www.openlayers.org/api/OpenLayers.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
    172  
    173  <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;http://dev.geoext.org/trunk/geoext/lib/GeoExt.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
    174  
    175  <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> 
    176      <span class="nx">Ext</span><span class="p">.</span><span class="nx">onReady</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> 
    177          <span class="kd">var</span> <span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Map</span><span class="p">();</span> 
    178          <span class="kd">var</span> <span class="nx">wms</span> <span class="o">=</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> 
    179                  <span class="s2">&quot;bluemarble&quot;</span><span class="o">,</span> 
    180                  <span class="s2">&quot;http://sigma.openplans.org/geoserver/wms?&quot;</span><span class="o">,</span> 
    181          <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s1">&#39;bluemarble&#39;</span><span class="p">}</span> 
    182                  <span class="p">);</span> 
    183          <span class="kd">var</span> <span class="nx">vector</span> <span class="o">=</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">Vector</span><span class="p">(</span><span class="s2">&quot;vector&quot;</span><span class="p">);</span> 
    184          <span class="nx">map</span><span class="p">.</span><span class="nx">addLayers</span><span class="p">([</span><span class="nx">wms</span><span class="o">,</span> <span class="nx">vector</span><span class="p">]);</span> 
    185  
    186          <span class="kd">var</span> <span class="nx">ctrl</span><span class="o">,</span> <span class="nx">toolbarItems</span> <span class="o">=</span> <span class="p">[]</span><span class="o">,</span> <span class="nx">action</span><span class="o">,</span> <span class="nx">actions</span> <span class="o">=</span> <span class="p">{};</span> 
    187  
    188          <span class="c">// ZoomToMaxExtent control, a &quot;button&quot; control</span> 
    189          <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
    190              <span class="nx">control</span><span class="o">:</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">ZoomToMaxExtent</span><span class="p">()</span><span class="o">,</span> 
    191              <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
    192              <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;max extent&quot;</span> 
    193          <span class="p">});</span> 
    194          <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;max_extent&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
    195          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
    196          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;-&quot;</span><span class="p">);</span> 
    197  
    198          <span class="c">// Navigation control and DrawFeature controls</span> 
    199          <span class="c">// in the same toggle group</span> 
    200          <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
    201              <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;nav&quot;</span><span class="o">,</span> 
    202              <span class="nx">control</span><span class="o">:</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><span class="o">,</span> 
    203              <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
    204              <span class="c">// button options</span> 
    205              <span class="nx">toggleGroup</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span><span class="o">,</span> 
    206              <span class="nx">allowDepress</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span> 
    207              <span class="nx">pressed</span><span class="o">:</span> <span class="kc">true</span><span class="o">,</span> 
    208              <span class="c">// check item options</span> 
    209              <span class="nx">group</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span><span class="o">,</span> 
    210              <span class="nx">checked</span><span class="o">:</span> <span class="kc">true</span> 
    211          <span class="p">});</span> 
    212          <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;nav&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
    213          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
    214  
    215          <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
    216              <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;draw poly&quot;</span><span class="o">,</span> 
    217              <span class="nx">control</span><span class="o">:</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">DrawFeature</span><span class="p">(</span> 
    218                      <span class="nx">vector</span><span class="o">,</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Handler</span><span class="p">.</span><span class="nx">Polygon</span> 
    219                      <span class="p">)</span><span class="o">,</span> 
    220              <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
    221              <span class="c">// button options</span> 
    222              <span class="nx">toggleGroup</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span><span class="o">,</span> 
    223              <span class="nx">allowDepress</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span> 
    224              <span class="c">// check item options</span> 
    225              <span class="nx">group</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span> 
    226          <span class="p">});</span> 
    227          <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;draw_poly&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
    228          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
    229  
    230          <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
    231              <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;draw line&quot;</span><span class="o">,</span> 
    232              <span class="nx">control</span><span class="o">:</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">DrawFeature</span><span class="p">(</span> 
    233                      <span class="nx">vector</span><span class="o">,</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Handler</span><span class="p">.</span><span class="nx">Path</span> 
    234                      <span class="p">)</span><span class="o">,</span> 
    235              <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
    236              <span class="c">// button options</span> 
    237              <span class="nx">toggleGroup</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span><span class="o">,</span> 
    238              <span class="nx">allowDepress</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span> 
    239              <span class="c">// check item options</span> 
    240              <span class="nx">group</span><span class="o">:</span> <span class="s2">&quot;draw&quot;</span> 
    241          <span class="p">});</span> 
    242          <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;draw_line&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
    243          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
    244          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;-&quot;</span><span class="p">);</span> 
    245  
    246          <span class="c">// SelectFeature control, a &quot;toggle&quot; control</span> 
    247          <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
    248              <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;select&quot;</span><span class="o">,</span> 
    249              <span class="nx">control</span><span class="o">:</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">SelectFeature</span><span class="p">(</span><span class="nx">vector</span><span class="o">,</span> <span class="p">{</span> 
    250                  <span class="nx">type</span><span class="o">:</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Control</span><span class="p">.</span><span class="nx">TYPE_TOGGLE</span><span class="o">,</span> 
    251                  <span class="nx">hover</span><span class="o">:</span> <span class="kc">true</span> 
    252              <span class="p">})</span><span class="o">,</span> 
    253              <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
    254              <span class="c">// button options</span> 
    255              <span class="nx">enableToggle</span><span class="o">:</span> <span class="kc">true</span> 
    256          <span class="p">});</span> 
    257          <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;select&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
    258          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
    259          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;-&quot;</span><span class="p">);</span> 
    260  
    261          <span class="c">// Navigation history - two &quot;button&quot; controls</span> 
    262          <span class="nx">ctrl</span> <span class="o">=</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">NavigationHistory</span><span class="p">();</span> 
    263          <span class="nx">map</span><span class="p">.</span><span class="nx">addControl</span><span class="p">(</span><span class="nx">ctrl</span><span class="p">);</span> 
    264  
    265          <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
    266              <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;previous&quot;</span><span class="o">,</span> 
    267              <span class="nx">control</span><span class="o">:</span> <span class="nx">ctrl</span><span class="p">.</span><span class="nx">previous</span><span class="o">,</span> 
    268              <span class="nx">disabled</span><span class="o">:</span> <span class="kc">true</span> 
    269          <span class="p">});</span> 
    270          <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;previous&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
    271          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
    272  
    273          <span class="nx">action</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">GeoExt</span><span class="p">.</span><span class="nx">Action</span><span class="p">({</span> 
    274              <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;next&quot;</span><span class="o">,</span> 
    275              <span class="nx">control</span><span class="o">:</span> <span class="nx">ctrl</span><span class="p">.</span><span class="nx">next</span><span class="o">,</span> 
    276              <span class="nx">disabled</span><span class="o">:</span> <span class="kc">true</span> 
    277          <span class="p">});</span> 
    278          <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;next&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="nx">action</span><span class="o">;</span> 
    279          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">action</span><span class="p">);</span> 
    280          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="s2">&quot;-&gt;&quot;</span><span class="p">);</span> 
    281  
    282          <span class="c">// Reuse the GeoExt.Action objects created above</span> 
    283          <span class="c">// as menu items</span> 
    284          <span class="nx">toolbarItems</span><span class="p">.</span><span class="nx">push</span><span class="p">({</span> 
    285              <span class="nx">text</span><span class="o">:</span> <span class="s2">&quot;menu&quot;</span><span class="o">,</span> 
    286              <span class="nx">menu</span><span class="o">:</span> <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">Menu</span><span class="p">({</span> 
    287                  <span class="nx">items</span><span class="o">:</span> <span class="p">[</span> 
    288                      <span class="c">// ZoomToMaxExtent</span> 
    289                      <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;max_extent&quot;</span><span class="p">]</span><span class="o">,</span> 
    290                      <span class="c">// Nav</span> 
    291                      <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">CheckItem</span><span class="p">(</span><span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;nav&quot;</span><span class="p">])</span><span class="o">,</span> 
    292                      <span class="c">// Draw poly</span> 
    293                      <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">CheckItem</span><span class="p">(</span><span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;draw_poly&quot;</span><span class="p">])</span><span class="o">,</span> 
    294                      <span class="c">// Draw line</span> 
    295                      <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">CheckItem</span><span class="p">(</span><span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;draw_line&quot;</span><span class="p">])</span><span class="o">,</span> 
    296                      <span class="c">// Select control</span> 
    297                      <span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">menu</span><span class="p">.</span><span class="nx">CheckItem</span><span class="p">(</span><span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;select&quot;</span><span class="p">])</span><span class="o">,</span> 
    298                      <span class="c">// Navigation history control</span> 
    299                      <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;previous&quot;</span><span class="p">]</span><span class="o">,</span> 
    300                      <span class="nx">actions</span><span class="p">[</span><span class="s2">&quot;next&quot;</span><span class="p">]</span> 
    301                  <span class="p">]</span> 
    302              <span class="p">})</span> 
    303          <span class="p">});</span> 
    304  
    305          <span class="kd">var</span> <span class="nx">mapPanel</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> 
    306              <span class="nx">renderTo</span><span class="o">:</span> <span class="s2">&quot;mappanel&quot;</span><span class="o">,</span> 
    307              <span class="nx">height</span><span class="o">:</span> <span class="mi">400</span><span class="o">,</span> 
    308              <span class="nx">width</span><span class="o">:</span> <span class="mi">600</span><span class="o">,</span> 
    309              <span class="nx">map</span><span class="o">:</span> <span class="nx">map</span><span class="o">,</span> 
    310              <span class="nx">center</span><span class="o">:</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">LonLat</span><span class="p">(</span><span class="mi">5</span><span class="o">,</span> <span class="mi">45</span><span class="p">)</span><span class="o">,</span> 
    311              <span class="nx">zoom</span><span class="o">:</span> <span class="mi">4</span><span class="o">,</span> 
    312              <span class="nx">tbar</span><span class="o">:</span> <span class="nx">toolbarItems</span> 
    313          <span class="p">});</span> 
    314      <span class="p">});</span> 
    315  <span class="nt">&lt;/script&gt;</span> 
    316  
    317  <span class="nt">&lt;style </span><span class="na">type=</span><span class="s">&quot;text/css&quot;</span><span class="nt">&gt;</span> 
    318          <span class="c">/* work around an Ext bug that makes the rendering</span> 
    319 <span class="c">            of menu items not as one would expect */</span> 
    320      <span class="nc">.ext-ie</span> <span class="nc">.x-menu-item-icon</span> <span class="p">{</span> 
    321          <span class="k">left</span><span class="o">:</span> <span class="m">-24px</span><span class="p">;</span> 
    322      <span class="p">}</span> 
    323  
    324      <span class="nc">.ext-strict</span> <span class="nc">.x-menu-item-icon</span> <span class="p">{</span> 
    325          <span class="k">left</span><span class="o">:</span> <span class="m">3px</span><span class="p">;</span> 
    326      <span class="p">}</span> 
    327  
    328      <span class="nc">.ext-ie6</span> <span class="nc">.x-menu-item-icon</span> <span class="p">{</span> 
    329          <span class="k">left</span><span class="o">:</span> <span class="m">-24px</span><span class="p">;</span> 
    330      <span class="p">}</span> 
    331  
    332      <span class="nc">.ext-ie7</span> <span class="nc">.x-menu-item-icon</span> <span class="p">{</span> 
    333          <span class="k">left</span><span class="o">:</span> <span class="m">-24px</span><span class="p">;</span> 
    334      <span class="p">}</span> 
    335  <span class="nt">&lt;/style&gt;</span> 
    336 <span class="nt">&lt;/head&gt;</span> 
    337 <span class="nt">&lt;body&gt;</span> 
    338 <span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;mappanel&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> 
    339 <span class="nt">&lt;/body&gt;</span> 
    340  
    341 <span class="nt">&lt;/html&gt;</span> 
    342 </pre></div> 
    343 </div> 
    344 </div></div> 
    345 <div class="section" id="documentation"> 
    346 <h2>Documentation<a class="headerlink" href="#documentation" title="Permalink to this headline">¶</a></h2> 
    347 <ul class="simple"> 
    348 <li>Web Site: <a class="reference external" href="http://www.geoext.org/">http://www.geoext.org/</a></li> 
    349 <li>API documentation: <a class="reference external" href="http://www.geoext.org/lib/index.html">http://www.geoext.org/lib/index.html</a></li> 
    350 <li>Examples: <a class="reference external" href="http://www.geoext.org/examples.html#examples">http://www.geoext.org/examples.html#examples</a></li> 
    351 <li>Tutorial: <a class="reference external" href="http://www.geoext.org/tutorials/index.html">http://www.geoext.org/tutorials/index.html</a></li> 
    352 <li>Trac: <a class="reference external" href="http://trac.geoext.org/">http://trac.geoext.org/</a></li> 
    353 <li>User Extension: <a class="reference external" href="http://trac.geoext.org/wiki/Community">http://trac.geoext.org/wiki/Community</a></li> 
    354 </ul> 
    355 </div> 
    356 </div> 
    357  
    358  
    359           </div> 
    360         </div> 
    361       </div> 
    362362      <div class="clearer"></div> 
    363363    </div> 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/index.html

    r3486 r3510  
    77     
    88    <title>Welcome to chtopo_apitraining2010’s documentation! &mdash; chtopo_apitraining2010 v1.0 documentation</title> 
    9     <link rel="stylesheet" href="_static/sphinxdoc.css" type="text/css" /> 
     9    <link rel="stylesheet" href="_static/default.css" type="text/css" /> 
    1010    <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> 
    1111    <script type="text/javascript"> 
     
    3535        <li><a href="">chtopo_apitraining2010 v1.0 documentation</a> &raquo;</li>  
    3636      </ul> 
    37     </div> 
    38       <div class="sphinxsidebar"> 
    39         <div class="sphinxsidebarwrapper"> 
    40             <h3><a href="">Table Of Contents</a></h3> 
    41             <ul> 
    42 <li><a class="reference external" href="">Welcome to chtopo_apitraining2010&#8217;s documentation!</a><ul> 
    43 <li><a class="reference external" href="#introduction">Introduction</a><ul> 
    44 </ul> 
    45 </li> 
    46 <li><a class="reference external" href="#geoadmin-api">GeoAdmin API</a><ul> 
    47 </ul> 
    48 </li> 
    49 </ul> 
    50 </li> 
    51 <li><a class="reference external" href="#indices-and-tables">Indices and tables</a></li> 
    52 </ul> 
    53  
    54             <h4>Next topic</h4> 
    55             <p class="topless"><a href="openlayers.html" 
    56                                   title="next chapter">OpenLayers</a></p> 
    57             <h3>This Page</h3> 
    58             <ul class="this-page-menu"> 
    59               <li><a href="_sources/index.txt" 
    60                      rel="nofollow">Show Source</a></li> 
    61             </ul> 
    62           <div id="searchbox" style="display: none"> 
    63             <h3>Quick search</h3> 
    64               <form class="search" action="search.html" method="get"> 
    65                 <input type="text" name="q" size="18" /> 
    66                 <input type="submit" value="Go" /> 
    67                 <input type="hidden" name="check_keywords" value="yes" /> 
    68                 <input type="hidden" name="area" value="default" /> 
    69               </form> 
    70               <p class="searchtip" style="font-size: 90%"> 
    71               Enter search terms or a module, class or function name. 
    72               </p> 
    73           </div> 
    74           <script type="text/javascript">$('#searchbox').show(0);</script> 
    75         </div> 
    76       </div> 
     37    </div>   
    7738 
    7839    <div class="document"> 
     
    8344  <div class="section" id="welcome-to-chtopo-apitraining2010-s-documentation"> 
    8445<h1>Welcome to chtopo_apitraining2010&#8217;s documentation!<a class="headerlink" href="#welcome-to-chtopo-apitraining2010-s-documentation" title="Permalink to this headline">¶</a></h1> 
     46<div class="section" id="presentation"> 
     47<h2>Presentation<a class="headerlink" href="#presentation" title="Permalink to this headline">¶</a></h2> 
     48<p><a href="_downloads/chtopo_apitraining2010_presentation.odp"><strong class="xref">GeoAdmin API</strong></a></p> 
     49</div> 
    8550<div class="section" id="introduction"> 
    8651<h2>Introduction<a class="headerlink" href="#introduction" title="Permalink to this headline">¶</a></h2> 
     
    13297        </div> 
    13398      </div> 
     99      <div class="sphinxsidebar"> 
     100        <div class="sphinxsidebarwrapper"> 
     101            <h3><a href="">Table Of Contents</a></h3> 
     102            <ul> 
     103<li><a class="reference external" href="">Welcome to chtopo_apitraining2010&#8217;s documentation!</a><ul> 
     104<li><a class="reference external" href="#presentation">Presentation</a></li> 
     105<li><a class="reference external" href="#introduction">Introduction</a><ul> 
     106</ul> 
     107</li> 
     108<li><a class="reference external" href="#geoadmin-api">GeoAdmin API</a><ul> 
     109</ul> 
     110</li> 
     111</ul> 
     112</li> 
     113<li><a class="reference external" href="#indices-and-tables">Indices and tables</a></li> 
     114</ul> 
     115 
     116            <h4>Next topic</h4> 
     117            <p class="topless"><a href="openlayers.html" 
     118                                  title="next chapter">OpenLayers</a></p> 
     119            <h3>This Page</h3> 
     120            <ul class="this-page-menu"> 
     121              <li><a href="_sources/index.txt" 
     122                     rel="nofollow">Show Source</a></li> 
     123            </ul> 
     124          <div id="searchbox" style="display: none"> 
     125            <h3>Quick search</h3> 
     126              <form class="search" action="search.html" method="get"> 
     127                <input type="text" name="q" size="18" /> 
     128                <input type="submit" value="Go" /> 
     129                <input type="hidden" name="check_keywords" value="yes" /> 
     130                <input type="hidden" name="area" value="default" /> 
     131              </form> 
     132              <p class="searchtip" style="font-size: 90%"> 
     133              Enter search terms or a module, class or function name. 
     134              </p> 
     135          </div> 
     136          <script type="text/javascript">$('#searchbox').show(0);</script> 
     137        </div> 
     138      </div> 
    134139      <div class="clearer"></div> 
    135140    </div> 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/openlayers.html

    r3473 r3510  
    77     
    88    <title>OpenLayers &mdash; chtopo_apitraining2010 v1.0 documentation</title> 
    9     <link rel="stylesheet" href="_static/sphinxdoc.css" type="text/css" /> 
     9    <link rel="stylesheet" href="_static/default.css" type="text/css" /> 
    1010    <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> 
    1111    <script type="text/javascript"> 
     
    3939        <li><a href="index.html">chtopo_apitraining2010 v1.0 documentation</a> &raquo;</li>  
    4040      </ul> 
    41     </div> 
     41    </div>   
     42 
     43    <div class="document"> 
     44      <div class="documentwrapper"> 
     45        <div class="bodywrapper"> 
     46          <div class="body"> 
     47             
     48  <div class="section" id="openlayers"> 
     49<span id="id1"></span><h1>OpenLayers<a class="headerlink" href="#openlayers" title="Permalink to this headline">¶</a></h1> 
     50<p>OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source.</p> 
     51<script language=javascript type='text/javascript'> 
     52 
     53function hidediv(div, showDiv, hideDiv) { 
     54   document.getElementById(div).style.visibility = 'hidden'; 
     55   document.getElementById(div).style.display = 'none'; 
     56   document.getElementById(hideDiv).style.visibility = 'hidden'; 
     57   document.getElementById(hideDiv).style.display = 'none'; 
     58   document.getElementById(showDiv).style.visibility = 'visible'; 
     59   document.getElementById(showDiv).style.display = 'block'; 
     60} 
     61 
     62function showdiv(div, showDiv, hideDiv) { 
     63   document.getElementById(div).style.visibility = 'visible'; 
     64   document.getElementById(div).style.display = 'block'; 
     65   document.getElementById(showDiv).style.visibility = 'hidden'; 
     66   document.getElementById(showDiv).style.display = 'none'; 
     67   document.getElementById(hideDiv).style.visibility = 'visible'; 
     68   document.getElementById(hideDiv).style.display = 'block'; 
     69} 
     70</script><div class="admonition note"> 
     71<p class="first admonition-title">Note</p> 
     72<p>In order to play with OpenLayers, it is needed to reference the OpenLayers library.</p> 
     73<p>Simply add the following code in the html page:</p> 
     74<p class="last">&lt;script src=&#8221;<a class="reference external" href="http://www.openlayers.org/api/OpenLayers.js">http://www.openlayers.org/api/OpenLayers.js</a>&#8220;&gt;&lt;/script&gt;</p> 
     75</div> 
     76<div class="section" id="map"> 
     77<h2>Map<a class="headerlink" href="#map" title="Permalink to this headline">¶</a></h2> 
     78<p>Instances of <a class="reference external" href="http://dev.openlayers.org/releases/OpenLayers-2.9/doc/apidocs/files/OpenLayers/Map-js.html">OpenLayers.Map</a> are interactive maps embedded in a web page.</p> 
     79<p>To test: <a href="_downloads/openlayers_map.html"><strong class="xref">openlayers_map.html</strong></a></p> 
     80<a id="showRef4" href="javascript:showdiv('codeBlock4','showRef4','hideRef4')">Show code</a> 
     81<a id="hideRef4" href="javascript:hidediv('codeBlock4','showRef4','hideRef4')" style="display: none; visibility: hidden">Hide code</a> 
     82<div id="codeBlock4" style="display: none; visibility: hidden"><div class="highlight-html"><div class="highlight"><pre><span class="nt">&lt;html&gt;</span> 
     83<span class="nt">&lt;head&gt;</span> 
     84   <span class="nt">&lt;title&gt;</span>OpenLayers Map<span class="nt">&lt;/title&gt;</span> 
     85 
     86   <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://www.openlayers.org/api/OpenLayers.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
     87 
     88   <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> 
     89      <span class="kd">var</span> <span class="nx">map</span><span class="o">,</span> <span class="nx">layer</span><span class="o">;</span> 
     90      <span class="kd">function</span> <span class="nx">init</span><span class="p">()</span> <span class="p">{</span> 
     91         <span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Map</span><span class="p">(</span><span class="s1">&#39;map&#39;</span><span class="p">);</span> 
     92         <span class="nx">layer</span> <span class="o">=</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><span class="s2">&quot;OpenLayers WMS&quot;</span><span class="o">,</span> 
     93                 <span class="s2">&quot;http://labs.metacarta.com/wms/vmap0&quot;</span><span class="o">,</span> 
     94                 <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s1">&#39;basic&#39;</span><span class="p">}</span> 
     95                 <span class="p">);</span> 
     96         <span class="nx">map</span><span class="p">.</span><span class="nx">addLayer</span><span class="p">(</span><span class="nx">layer</span><span class="p">);</span> 
     97         <span class="nx">map</span><span class="p">.</span><span class="nx">zoomToMaxExtent</span><span class="p">();</span> 
     98      <span class="p">}</span> 
     99   <span class="nt">&lt;/script&gt;</span> 
     100<span class="nt">&lt;/head&gt;</span> 
     101 
     102<span class="nt">&lt;body</span> <span class="na">onload=</span><span class="s">&quot;init()&quot;</span><span class="nt">&gt;</span> 
     103 
     104<span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;map&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> 
     105 
     106<span class="nt">&lt;/body&gt;</span> 
     107<span class="nt">&lt;/html&gt;</span> 
     108</pre></div> 
     109</div> 
     110</div></div> 
     111<div class="section" id="editing-toolbar"> 
     112<h2>Editing Toolbar<a class="headerlink" href="#editing-toolbar" title="Permalink to this headline">¶</a></h2> 
     113<p><a class="reference external" href="http://dev.openlayers.org/releases/OpenLayers-2.9/doc/apidocs/files/OpenLayers/Control/EditingToolbar-js.html">Editing Toolbar</a></p> 
     114<p>To test: <a href="_downloads/openlayers_editing_toolbar.html"><strong class="xref">openlayers_editing_toolbar.html</strong></a></p> 
     115<a id="showRef5" href="javascript:showdiv('codeBlock5','showRef5','hideRef5')">Show code</a> 
     116<a id="hideRef5" href="javascript:hidediv('codeBlock5','showRef5','hideRef5')" style="display: none; visibility: hidden">Hide code</a> 
     117<div id="codeBlock5" style="display: none; visibility: hidden"><div class="highlight-html"><div class="highlight"><pre><span class="nt">&lt;html</span> <span class="na">xmlns=</span><span class="s">&quot;http://www.w3.org/1999/xhtml&quot;</span><span class="nt">&gt;</span> 
     118<span class="nt">&lt;head&gt;</span> 
     119 <span class="nt">&lt;title&gt;</span>OpenLayers Editing Toolbar <span class="nt">&lt;/title&gt;</span> 
     120 
     121 <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://www.openlayers.org/api/OpenLayers.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
     122 
     123 <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> 
     124     <span class="kd">var</span> <span class="nx">lon</span> <span class="o">=</span> <span class="mi">5</span><span class="o">;</span> 
     125     <span class="kd">var</span> <span class="nx">lat</span> <span class="o">=</span> <span class="mi">40</span><span class="o">;</span> 
     126     <span class="kd">var</span> <span class="nx">zoom</span> <span class="o">=</span> <span class="mi">5</span><span class="o">;</span> 
     127     <span class="kd">var</span> <span class="nx">map</span><span class="o">,</span> <span class="nx">layer</span><span class="o">;</span> 
     128 
     129     <span class="kd">function</span> <span class="nx">init</span><span class="p">()</span> <span class="p">{</span> 
     130         <span class="nx">layer</span> <span class="o">=</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><span class="s2">&quot;OpenLayers WMS&quot;</span><span class="o">,</span> 
     131                 <span class="s2">&quot;http://labs.metacarta.com/wms/vmap0&quot;</span><span class="o">,</span> 
     132                 <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s1">&#39;basic&#39;</span><span class="p">}</span> 
     133                 <span class="p">);</span> 
     134 
     135         <span class="nx">vlayer</span> <span class="o">=</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">Vector</span><span class="p">(</span><span class="s2">&quot;Editable&quot;</span><span class="p">);</span> 
     136         <span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Map</span><span class="p">(</span><span class="s1">&#39;map&#39;</span><span class="o">,</span> <span class="p">{</span> 
     137             <span class="nx">controls</span><span class="o">:</span> <span class="p">[</span> 
     138                 <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">PanZoom</span><span class="p">()</span><span class="o">,</span> 
     139                 <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">EditingToolbar</span><span class="p">(</span><span class="nx">vlayer</span><span class="p">)</span> 
     140             <span class="p">]</span> 
     141         <span class="p">});</span> 
     142         <span class="nx">map</span><span class="p">.</span><span class="nx">addLayers</span><span class="p">([</span><span class="nx">layer</span><span class="o">,</span> <span class="nx">vlayer</span><span class="p">]);</span> 
     143 
     144         <span class="nx">map</span><span class="p">.</span><span class="nx">setCenter</span><span class="p">(</span><span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">LonLat</span><span class="p">(</span><span class="nx">lon</span><span class="o">,</span> <span class="nx">lat</span><span class="p">)</span><span class="o">,</span> <span class="nx">zoom</span><span class="p">);</span> 
     145     <span class="p">}</span> 
     146 <span class="nt">&lt;/script&gt;</span> 
     147<span class="nt">&lt;/head&gt;</span> 
     148<span class="nt">&lt;body</span> <span class="na">onload=</span><span class="s">&quot;init()&quot;</span><span class="nt">&gt;</span> 
     149<span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;map&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> 
     150<span class="nt">&lt;/body&gt;</span> 
     151<span class="nt">&lt;/html&gt;</span> 
     152</pre></div> 
     153</div> 
     154</div></div> 
     155<div class="section" id="documentation"> 
     156<h2>Documentation<a class="headerlink" href="#documentation" title="Permalink to this headline">¶</a></h2> 
     157<ul class="simple"> 
     158<li>Web Site: <a class="reference external" href="http://www.openlayers.org/">http://www.openlayers.org/</a></li> 
     159<li>API documentation: <a class="reference external" href="http://dev.openlayers.org/apidocs/files/OpenLayers-js.html">http://dev.openlayers.org/apidocs/files/OpenLayers-js.html</a></li> 
     160<li>Examples: <a class="reference external" href="http://www.openlayers.org/dev/examples/">http://www.openlayers.org/dev/examples/</a></li> 
     161<li>Tutorial: <a class="reference external" href="http://docs.openlayers.org/">http://docs.openlayers.org/</a></li> 
     162<li>Trac: <a class="reference external" href="http://trac.openlayers.org/">http://trac.openlayers.org/</a></li> 
     163</ul> 
     164</div> 
     165</div> 
     166 
     167 
     168          </div> 
     169        </div> 
     170      </div> 
    42171      <div class="sphinxsidebar"> 
    43172        <div class="sphinxsidebarwrapper"> 
     
    78207        </div> 
    79208      </div> 
    80  
    81     <div class="document"> 
    82       <div class="documentwrapper"> 
    83         <div class="bodywrapper"> 
    84           <div class="body"> 
    85              
    86   <div class="section" id="openlayers"> 
    87 <span id="id1"></span><h1>OpenLayers<a class="headerlink" href="#openlayers" title="Permalink to this headline">¶</a></h1> 
    88 <p>OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source.</p> 
    89 <script language=javascript type='text/javascript'> 
    90  
    91 function hidediv(div, showDiv, hideDiv) { 
    92    document.getElementById(div).style.visibility = 'hidden'; 
    93    document.getElementById(div).style.display = 'none'; 
    94    document.getElementById(hideDiv).style.visibility = 'hidden'; 
    95    document.getElementById(hideDiv).style.display = 'none'; 
    96    document.getElementById(showDiv).style.visibility = 'visible'; 
    97    document.getElementById(showDiv).style.display = 'block'; 
    98 } 
    99  
    100 function showdiv(div, showDiv, hideDiv) { 
    101    document.getElementById(div).style.visibility = 'visible'; 
    102    document.getElementById(div).style.display = 'block'; 
    103    document.getElementById(showDiv).style.visibility = 'hidden'; 
    104    document.getElementById(showDiv).style.display = 'none'; 
    105    document.getElementById(hideDiv).style.visibility = 'visible'; 
    106    document.getElementById(hideDiv).style.display = 'block'; 
    107 } 
    108 </script><div class="admonition note"> 
    109 <p class="first admonition-title">Note</p> 
    110 <p>In order to play with OpenLayers, it is needed to reference the OpenLayers library.</p> 
    111 <p>Simply add the following code in the html page:</p> 
    112 <p class="last">&lt;script src=&#8221;<a class="reference external" href="http://www.openlayers.org/api/OpenLayers.js">http://www.openlayers.org/api/OpenLayers.js</a>&#8220;&gt;&lt;/script&gt;</p> 
    113 </div> 
    114 <div class="section" id="map"> 
    115 <h2>Map<a class="headerlink" href="#map" title="Permalink to this headline">¶</a></h2> 
    116 <p>Instances of <a class="reference external" href="http://dev.openlayers.org/releases/OpenLayers-2.9/doc/apidocs/files/OpenLayers/Map-js.html">OpenLayers.Map</a> are interactive maps embedded in a web page.</p> 
    117 <p>To test: <a href="_downloads/openlayers_map.html"><strong class="xref">openlayers_map.html</strong></a></p> 
    118 <a id="showRef4" href="javascript:showdiv('codeBlock4','showRef4','hideRef4')">Show code</a> 
    119 <a id="hideRef4" href="javascript:hidediv('codeBlock4','showRef4','hideRef4')" style="display: none; visibility: hidden">Hide code</a> 
    120 <div id="codeBlock4" style="display: none; visibility: hidden"><div class="highlight-html"><div class="highlight"><pre><span class="nt">&lt;html&gt;</span> 
    121 <span class="nt">&lt;head&gt;</span> 
    122    <span class="nt">&lt;title&gt;</span>OpenLayers Map<span class="nt">&lt;/title&gt;</span> 
    123  
    124    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://www.openlayers.org/api/OpenLayers.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
    125  
    126    <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> 
    127       <span class="kd">var</span> <span class="nx">map</span><span class="o">,</span> <span class="nx">layer</span><span class="o">;</span> 
    128       <span class="kd">function</span> <span class="nx">init</span><span class="p">()</span> <span class="p">{</span> 
    129          <span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Map</span><span class="p">(</span><span class="s1">&#39;map&#39;</span><span class="p">);</span> 
    130          <span class="nx">layer</span> <span class="o">=</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><span class="s2">&quot;OpenLayers WMS&quot;</span><span class="o">,</span> 
    131                  <span class="s2">&quot;http://labs.metacarta.com/wms/vmap0&quot;</span><span class="o">,</span> 
    132                  <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s1">&#39;basic&#39;</span><span class="p">}</span> 
    133                  <span class="p">);</span> 
    134          <span class="nx">map</span><span class="p">.</span><span class="nx">addLayer</span><span class="p">(</span><span class="nx">layer</span><span class="p">);</span> 
    135          <span class="nx">map</span><span class="p">.</span><span class="nx">zoomToMaxExtent</span><span class="p">();</span> 
    136       <span class="p">}</span> 
    137    <span class="nt">&lt;/script&gt;</span> 
    138 <span class="nt">&lt;/head&gt;</span> 
    139  
    140 <span class="nt">&lt;body</span> <span class="na">onload=</span><span class="s">&quot;init()&quot;</span><span class="nt">&gt;</span> 
    141  
    142 <span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;map&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> 
    143  
    144 <span class="nt">&lt;/body&gt;</span> 
    145 <span class="nt">&lt;/html&gt;</span> 
    146 </pre></div> 
    147 </div> 
    148 </div></div> 
    149 <div class="section" id="editing-toolbar"> 
    150 <h2>Editing Toolbar<a class="headerlink" href="#editing-toolbar" title="Permalink to this headline">¶</a></h2> 
    151 <p><a class="reference external" href="http://dev.openlayers.org/releases/OpenLayers-2.9/doc/apidocs/files/OpenLayers/Control/EditingToolbar-js.html">Editing Toolbar</a></p> 
    152 <p>To test: <a href="_downloads/openlayers_editing_toolbar.html"><strong class="xref">openlayers_editing_toolbar.html</strong></a></p> 
    153 <a id="showRef5" href="javascript:showdiv('codeBlock5','showRef5','hideRef5')">Show code</a> 
    154 <a id="hideRef5" href="javascript:hidediv('codeBlock5','showRef5','hideRef5')" style="display: none; visibility: hidden">Hide code</a> 
    155 <div id="codeBlock5" style="display: none; visibility: hidden"><div class="highlight-html"><div class="highlight"><pre><span class="nt">&lt;html</span> <span class="na">xmlns=</span><span class="s">&quot;http://www.w3.org/1999/xhtml&quot;</span><span class="nt">&gt;</span> 
    156 <span class="nt">&lt;head&gt;</span> 
    157  <span class="nt">&lt;title&gt;</span>OpenLayers Editing Toolbar <span class="nt">&lt;/title&gt;</span> 
    158  
    159  <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;http://www.openlayers.org/api/OpenLayers.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span> 
    160  
    161  <span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> 
    162      <span class="kd">var</span> <span class="nx">lon</span> <span class="o">=</span> <span class="mi">5</span><span class="o">;</span> 
    163      <span class="kd">var</span> <span class="nx">lat</span> <span class="o">=</span> <span class="mi">40</span><span class="o">;</span> 
    164      <span class="kd">var</span> <span class="nx">zoom</span> <span class="o">=</span> <span class="mi">5</span><span class="o">;</span> 
    165      <span class="kd">var</span> <span class="nx">map</span><span class="o">,</span> <span class="nx">layer</span><span class="o">;</span> 
    166  
    167      <span class="kd">function</span> <span class="nx">init</span><span class="p">()</span> <span class="p">{</span> 
    168          <span class="nx">layer</span> <span class="o">=</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><span class="s2">&quot;OpenLayers WMS&quot;</span><span class="o">,</span> 
    169                  <span class="s2">&quot;http://labs.metacarta.com/wms/vmap0&quot;</span><span class="o">,</span> 
    170                  <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s1">&#39;basic&#39;</span><span class="p">}</span> 
    171                  <span class="p">);</span> 
    172  
    173          <span class="nx">vlayer</span> <span class="o">=</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">Vector</span><span class="p">(</span><span class="s2">&quot;Editable&quot;</span><span class="p">);</span> 
    174          <span class="nx">map</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Map</span><span class="p">(</span><span class="s1">&#39;map&#39;</span><span class="o">,</span> <span class="p">{</span> 
    175              <span class="nx">controls</span><span class="o">:</span> <span class="p">[</span> 
    176                  <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">PanZoom</span><span class="p">()</span><span class="o">,</span> 
    177                  <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">EditingToolbar</span><span class="p">(</span><span class="nx">vlayer</span><span class="p">)</span> 
    178              <span class="p">]</span> 
    179          <span class="p">});</span> 
    180          <span class="nx">map</span><span class="p">.</span><span class="nx">addLayers</span><span class="p">([</span><span class="nx">layer</span><span class="o">,</span> <span class="nx">vlayer</span><span class="p">]);</span> 
    181  
    182          <span class="nx">map</span><span class="p">.</span><span class="nx">setCenter</span><span class="p">(</span><span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">LonLat</span><span class="p">(</span><span class="nx">lon</span><span class="o">,</span> <span class="nx">lat</span><span class="p">)</span><span class="o">,</span> <span class="nx">zoom</span><span class="p">);</span> 
    183      <span class="p">}</span> 
    184  <span class="nt">&lt;/script&gt;</span> 
    185 <span class="nt">&lt;/head&gt;</span> 
    186 <span class="nt">&lt;body</span> <span class="na">onload=</span><span class="s">&quot;init()&quot;</span><span class="nt">&gt;</span> 
    187 <span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;map&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> 
    188 <span class="nt">&lt;/body&gt;</span> 
    189 <span class="nt">&lt;/html&gt;</span> 
    190 </pre></div> 
    191 </div> 
    192 </div></div> 
    193 <div class="section" id="documentation"> 
    194 <h2>Documentation<a class="headerlink" href="#documentation" title="Permalink to this headline">¶</a></h2> 
    195 <ul class="simple"> 
    196 <li>Web Site: <a class="reference external" href="http://www.openlayers.org/">http://www.openlayers.org/</a></li> 
    197 <li>API documentation: <a class="reference external" href="http://dev.openlayers.org/apidocs/files/OpenLayers-js.html">http://dev.openlayers.org/apidocs/files/OpenLayers-js.html</a></li> 
    198 <li>Examples: <a class="reference external" href="http://www.openlayers.org/dev/examples/">http://www.openlayers.org/dev/examples/</a></li> 
    199 <li>Tutorial: <a class="reference external" href="http://docs.openlayers.org/">http://docs.openlayers.org/</a></li> 
    200 <li>Trac: <a class="reference external" href="http://trac.openlayers.org/">http://trac.openlayers.org/</a></li> 
    201 </ul> 
    202 </div> 
    203 </div> 
    204  
    205  
    206           </div> 
    207         </div> 
    208       </div> 
    209209      <div class="clearer"></div> 
    210210    </div> 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/search.html

    r3473 r3510  
    77     
    88    <title>Search &mdash; chtopo_apitraining2010 v1.0 documentation</title> 
    9     <link rel="stylesheet" href="_static/sphinxdoc.css" type="text/css" /> 
     9    <link rel="stylesheet" href="_static/default.css" type="text/css" /> 
    1010    <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> 
    1111    <script type="text/javascript"> 
     
    3232        <li><a href="index.html">chtopo_apitraining2010 v1.0 documentation</a> &raquo;</li>  
    3333      </ul> 
    34     </div> 
    35       <div class="sphinxsidebar"> 
    36         <div class="sphinxsidebarwrapper"> 
    37         </div> 
    38       </div> 
     34    </div>   
    3935 
    4036    <div class="document"> 
     
    7066        </div> 
    7167      </div> 
     68      <div class="sphinxsidebar"> 
     69        <div class="sphinxsidebarwrapper"> 
     70        </div> 
     71      </div> 
    7272      <div class="clearer"></div> 
    7373    </div> 
  • sandbox/cmoullet/chtopo_apitraining2010/_build/html/searchindex.js

    r3496 r3510  
    1 Search.setIndex({desctypes:{},terms:{all:[1,3],code:[1,4,3],follow:[1,4,3],children:3,setcent:4,init:4,sourc:4,fals:[1,3],veri:3,button:1,list:3,item:[1,3],vector:[1,4],div:[4,1,2,3],geoext_act:1,chtopo_apitraining2010:0,direct:0,street:2,click:3,blue:1,index:[0,1],editingtoolbar:4,hide:[1,4,3],access:3,"new":[1,4,3],net:[1,3],vmap0:4,here:3,bodi:[1,4,3],let:3,trunk:1,path:1,toolbar:[0,1,4],search:[0,2],action:[0,1],apr:0,app:1,api:[0,1,2,3,4],tabpanel:3,visibl:[4,1,2,3],marker:4,select:1,from:4,would:1,commun:1,two:1,next:1,stylesheet:[1,3],handler:1,msg:3,renderto:1,type:[4,1,2,3],"24px":1,toolbaritem:1,none:[4,1,2,3],prepar:3,work:1,dev:[1,4],histori:1,vlayer:4,can:[0,1,4],root:[0,3],control:[1,4],quickstart:0,indic:0,selectfeatur:1,tab:3,enabletoggl:1,openplan:1,end:3,tbar:1,charset:3,minheight:3,how:1,tile:4,xhtml:4,css:[1,3],collaps:3,map:[0,1,2,4],resourc:[1,3],max:1,lab:4,lat:4,associ:3,tutori:[4,1,2],geoadmin_geonam:2,geoport:2,inform:3,order:[1,4,3],help:1,addcontrol:1,cachefli:[1,3],apidoc:4,dynam:[4,3],equiv:3,style:[4,1,2,3],group:1,window:3,hidden:[4,1,2,3],getelementbyid:[4,1,2,3],introduct:0,trac:[1,4],edit:[0,4],extj:[0,1,3],draw_lin:1,meta:3,expect:1,goe:3,content:3,adapt:[0,1],rel:[1,3],internet:[2,3],navig:[1,3],togglegroup:1,put:4,org:[4,1,2],api_servic:2,iso:3,geoadmin_measur:2,south:3,first:3,render:[1,3],mapfishapi:2,mai:3,display_servic:2,least:0,open:3,size:3,autoheight:3,treeload:3,script:[4,1,2,3],interact:4,messag:3,showref6:1,showref7:1,showref4:4,showref5:4,master:0,showref3:3,showref2:3,listen:3,xmln:4,option:[1,3],anl_tech:2,provid:[1,3],tree:3,reus:1,browser:3,ani:4,marbl:1,have:3,tabl:0,need:[1,4,3],treepanel:3,border:3,lib:1,note:[1,4,3],lonlat:[1,4],build:[1,3],tool:2,previou:1,geoserv:1,plai:[1,4,3],deploi:3,"class":[1,3],icon:1,simplic:3,doc:[4,2,3],ext:[0,1,3],sigma:1,width:[1,3],show:[1,4,3],text:[4,1,2,3],cdn:[1,3],bring:1,extapi:2,onli:3,layout:3,menu:[1,3],configur:3,solut:2,should:[0,3],rich:3,get:3,geo:2,ie7:1,ie6:1,integr:[1,2],contain:0,view:2,wiki:1,xtype:3,navigationhistori:1,hidediv:[4,1,2,3],correctli:3,attribut:3,mapfishapidoc:2,javascript:[4,1,2,3],extens:1,extent:1,exercic:[0,2],admin:2,region:3,instanc:4,mappanel:[0,1],com:[4,3],bluemarbl:1,load:4,simpli:[1,4,3],loader:3,header:3,onload:4,poli:1,west:3,compon:3,basic:4,autoscrol:3,togeth:1,openlayers_editing_toolbar:4,look:3,servic:2,abov:1,margin:3,layer:[1,4],checkitem:1,ctrl:1,asynctreenod:3,site:[4,1,2,3],hover:1,welcom:0,make:[1,4],addlay:[1,4],cross:3,same:1,html:[4,1,2,3],split:3,extjs_hello_world:3,document:[0,1,2,3,4],complet:0,http:[4,1,2,3],alert:3,user:1,expand:3,center:[1,3],savvi:1,itself:3,exampl:[4,1,2,3],thi:0,geoext_mappanel:1,left:1,languag:[4,1,2,3],web:[4,1,2,3],easi:4,wed:0,desktop:1,add:[4,1,2,3],modul:0,"3px":1,applic:3,geonam:2,around:1,measur:2,panzoom:4,know:1,press:1,world:[0,3],height:[1,3],you:[0,1,3],hideref5:4,insert:1,hideref7:1,hideref6:1,like:0,hideref3:3,hideref2:3,zoom:[1,4],href:[1,4,3],resiz:3,page:[0,1,4,3],geoext:[0,1],geoadmin_streetview:2,allowdepress:1,mapfish:2,drawfeatur:1,geoadmin:[0,2],librari:[1,4,3],leaf:3,openlayers_map:4,geoservic:2,larg:3,refer:[1,4,3],object:1,zoomtomaxext:[1,4],power:1,panel:[1,3],src:[1,4,3],manag:3,disabl:1,block:[4,1,2,3],own:3,within:2,www:[4,1,2,3],automat:3,draw_poli:1,onreadi:[1,3],contrib:2,openlay:[0,1,4],type_toggl:1,your:[0,3],lon:4,strict:1,interfac:1,"var":[1,4],"function":[4,1,2,3],head:[1,4,3],north:3,link:[1,3],metacarta:4,line:1,"true":[1,3],bug:1,viewport:[0,3],"default":3,geospati:1,displai:[4,1,2,3],toggl:1,embed:4,showdiv:[4,1,2,3],mapfish_api:2,creat:[0,1,3],toctre:0,file:[0,2,4],home:2,check:1,polygon:1,titl:[1,4,3],rootvis:3,other:3,nav:1,test:[1,4,3],codeblock2:3,codeblock3:3,codeblock4:4,codeblock5:4,codeblock6:1,codeblock7:1,hideref4:4,draw:1,gxmap:1,sphinx:0,max_ext:1,push:1,hello:[0,3],extjs_viewport:3},titles:["Welcome to chtopo_apitraining2010&#8217;s documentation!","GeoExt","GeoAdmin API","ExtJS","OpenLayers"],modules:{},descrefs:{},filenames:["index","geoext","geoadmin","extjs","openlayers"]}) 
     1Search.setIndex({desctypes:{},terms:{all:[1,3],code:[1,4,3],follow:[1,4,3],children:3,setcent:4,init:4,sourc:4,fals:[1,3],veri:3,button:1,list:3,item:[1,3],vector:[1,4],div:[4,1,2,3],geoext_act:1,chtopo_apitraining2010:0,direct:0,street:2,click:3,blue:1,index:[0,1],editingtoolbar:4,hide:[1,4,3],access:3,"new":[1,4,3],net:[1,3],vmap0:4,here:3,bodi:[1,4,3],let:3,trunk:1,path:1,toolbar:[0,1,4],search:[0,2],action:[0,1],apr:0,app:1,api:[0,1,2,3,4],tabpanel:3,visibl:[4,1,2,3],marker:4,select:1,from:4,would:1,commun:1,two:1,next:1,stylesheet:[1,3],handler:1,msg:3,renderto:1,type:[4,1,2,3],"24px":1,toolbaritem:1,none:[4,1,2,3],prepar:3,work:1,dev:[1,4],histori:1,vlayer:4,can:[0,1,4],root:[0,3],control:[1,4],quickstart:0,indic:0,selectfeatur:1,tab:3,enabletoggl:1,openplan:1,end:3,tbar:1,charset:3,minheight:3,how:1,tile:4,xhtml:4,css:[1,3],collaps:3,map:[0,1,2,4],resourc:[1,3],max:1,lab:4,lat:4,associ:3,tutori:[4,1,2],geoadmin_geonam:2,geoport:2,inform:3,order:[1,4,3],help:1,addcontrol:1,cachefli:[1,3],apidoc:4,dynam:[4,3],equiv:3,style:[4,1,2,3],group:1,window:3,hidden:[4,1,2,3],getelementbyid:[4,1,2,3],introduct:0,trac:[1,4],edit:[0,4],extj:[0,1,3],draw_lin:1,meta:3,expect:1,goe:3,content:3,adapt:[0,1],rel:[1,3],internet:[2,3],navig:[1,3],togglegroup:1,put:4,org:[4,1,2],api_servic:2,iso:3,geoadmin_measur:2,south:3,first:3,render:[1,3],mapfishapi:2,mai:3,display_servic:2,least:0,open:3,size:3,autoheight:3,treeload:3,script:[4,1,2,3],interact:4,messag:3,showref6:1,showref7:1,showref4:4,showref5:4,master:0,showref3:3,showref2:3,listen:3,xmln:4,option:[1,3],anl_tech:2,provid:[1,3],tree:3,reus:1,browser:3,ani:4,marbl:1,have:3,tabl:0,need:[1,4,3],treepanel:3,border:3,lib:1,note:[1,4,3],lonlat:[1,4],build:[1,3],tool:2,previou:1,geoserv:1,plai:[1,4,3],deploi:3,"class":[1,3],icon:1,simplic:3,doc:[4,2,3],ext:[0,1,3],sigma:1,width:[1,3],show:[1,4,3],text:[4,1,2,3],cdn:[1,3],bring:1,extapi:2,onli:3,layout:3,menu:[1,3],configur:3,solut:2,should:[0,3],rich:3,get:3,geo:2,ie7:1,ie6:1,integr:[1,2],contain:0,view:2,wiki:1,xtype:3,navigationhistori:1,hidediv:[4,1,2,3],correctli:3,attribut:3,mapfishapidoc:2,javascript:[4,1,2,3],extens:1,extent:1,exercic:[0,2],admin:2,region:3,instanc:4,mappanel:[0,1],com:[4,3],bluemarbl:1,load:4,simpli:[1,4,3],loader:3,header:3,onload:4,poli:1,west:3,compon:3,basic:4,autoscrol:3,togeth:1,present:0,openlayers_editing_toolbar:4,look:3,servic:2,abov:1,margin:3,layer:[1,4],checkitem:1,ctrl:1,asynctreenod:3,site:[4,1,2,3],hover:1,welcom:0,make:[1,4],addlay:[1,4],cross:3,same:1,html:[4,1,2,3],split:3,extjs_hello_world:3,document:[0,1,2,3,4],complet:0,http:[4,1,2,3],alert:3,user:1,expand:3,center:[1,3],savvi:1,itself:3,exampl:[4,1,2,3],thi:0,geoext_mappanel:1,left:1,languag:[4,1,2,3],web:[4,1,2,3],easi:4,wed:0,desktop:1,add:[4,1,2,3],modul:0,"3px":1,applic:3,geonam:2,around:1,measur:2,panzoom:4,know:1,press:1,world:[0,3],height:[1,3],you:[0,1,3],hideref5:4,insert:1,hideref7:1,hideref6:1,like:0,hideref3:3,hideref2:3,zoom:[1,4],href:[1,4,3],resiz:3,page:[0,1,4,3],geoext:[0,1],geoadmin_streetview:2,allowdepress:1,mapfish:2,drawfeatur:1,geoadmin:[0,2],librari:[1,4,3],leaf:3,openlayers_map:4,geoservic:2,larg:3,refer:[1,4,3],object:1,zoomtomaxext:[1,4],power:1,panel:[1,3],src:[1,4,3],manag:3,disabl:1,block:[4,1,2,3],own:3,within:2,www:[4,1,2,3],automat:3,draw_poli:1,onreadi:[1,3],contrib:2,openlay:[0,1,4],type_toggl:1,your:[0,3],lon:4,strict:1,interfac:1,"var":[1,4],"function":[4,1,2,3],head:[1,4,3],north:3,link:[1,3],metacarta:4,line:1,"true":[1,3],bug:1,viewport:[0,3],"default":3,geospati:1,displai:[4,1,2,3],toggl:1,embed:4,showdiv:[4,1,2,3],mapfish_api:2,creat:[0,1,3],toctre:0,file:[0,2,4],home:2,check:1,polygon:1,titl:[1,4,3],rootvis:3,other:3,nav:1,test:[1,4,3],codeblock2:3,codeblock3:3,codeblock4:4,codeblock5:4,codeblock6:1,codeblock7:1,hideref4:4,draw:1,gxmap:1,sphinx:0,max_ext:1,push:1,hello:[0,3],extjs_viewport:3},titles:["Welcome to chtopo_apitraining2010&#8217;s documentation!","GeoExt","GeoAdmin API","ExtJS","OpenLayers"],modules:{},descrefs:{},filenames:["index","geoext","geoadmin","extjs","openlayers"]}) 
  • sandbox/cmoullet/chtopo_apitraining2010/conf.py

    r3473 r3510  
    9292# The theme to use for HTML and HTML Help pages.  Major themes that come with 
    9393# Sphinx are currently 'default' and 'sphinxdoc'. 
    94 html_theme = 'sphinxdoc' 
     94html_theme = 'default' 
    9595 
    9696# Theme options are theme-specific and customize the look and feel of a theme 
  • sandbox/cmoullet/chtopo_apitraining2010/index.txt

    r3473 r3510  
    66Welcome to chtopo_apitraining2010's documentation! 
    77================================================== 
     8 
     9Presentation 
     10------------ 
     11 
     12:download:`GeoAdmin API <_static/chtopo_apitraining2010_presentation.odp>` 
    813 
    914Introduction