| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | 
|---|
| 2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 
|---|
| 3 |  | 
|---|
| 4 | <html xmlns="http://www.w3.org/1999/xhtml"> | 
|---|
| 5 | <head> | 
|---|
| 6 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 
|---|
| 7 |  | 
|---|
| 8 | <title>JavaScript Toolkit for Rich Web Mapping Applications — GeoExt v1.0</title> | 
|---|
| 9 | <link rel="stylesheet" href="_static/geoext.css" type="text/css" /> | 
|---|
| 10 | <link rel="stylesheet" href="_static/pygments.css" type="text/css" /> | 
|---|
| 11 | <script type="text/javascript"> | 
|---|
| 12 | var DOCUMENTATION_OPTIONS = { | 
|---|
| 13 | URL_ROOT:    '#', | 
|---|
| 14 | VERSION:     '1.0', | 
|---|
| 15 | COLLAPSE_MODINDEX: false, | 
|---|
| 16 | FILE_SUFFIX: '.html', | 
|---|
| 17 | HAS_SOURCE:  true | 
|---|
| 18 | }; | 
|---|
| 19 | </script> | 
|---|
| 20 | <script type="text/javascript" src="_static/jquery.js"></script> | 
|---|
| 21 | <script type="text/javascript" src="_static/doctools.js"></script> | 
|---|
| 22 | <link rel="shortcut icon" href="_static/favicon.ico"/> | 
|---|
| 23 | <link rel="top" title="GeoExt v1.0" href="#" /> | 
|---|
| 24 | <link rel="next" title="Documentation" href="docs.html" /> | 
|---|
| 25 |  | 
|---|
| 26 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/adapter/ext/ext-base.js"></script> | 
|---|
| 27 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/ext-all.js"></script> | 
|---|
| 28 | <script type="text/javascript" src="http://openlayers.org/api/2.10/OpenLayers.js"></script> | 
|---|
| 29 | <script src="_static/GeoExt.js"></script> | 
|---|
| 30 | <script src="_static/front-page.js"></script> | 
|---|
| 31 |  | 
|---|
| 32 |  | 
|---|
| 33 |  | 
|---|
| 34 |  | 
|---|
| 35 |  | 
|---|
| 36 |  | 
|---|
| 37 | </head> | 
|---|
| 38 | <body> | 
|---|
| 39 | <div class="header"> | 
|---|
| 40 | <div class="wrap"> | 
|---|
| 41 | <h1 id="logo"><a href="#">GeoExt</a></h1> | 
|---|
| 42 | <ul id="top-nav"> | 
|---|
| 43 | <li class="first"><a href="docs.html">Documentation</a></li> | 
|---|
| 44 | <li><a href="examples.html">Examples</a></li> | 
|---|
| 45 | <li><a href="downloads.html">Download</a></li> | 
|---|
| 46 | <li><a href="http://trac.geoext.org/">Development</a></li> | 
|---|
| 47 | </ul> | 
|---|
| 48 | <div id="searchbox"> | 
|---|
| 49 | <form class="search" action="search.html" method="get"> | 
|---|
| 50 | <input id="searchbox-query" type="text" name="q" size="25" value="Search …" tabindex="3" onblur="if(this.value=='') this.value='Search …';" onfocus="if(this.value=='Search …') this.value='';" /> | 
|---|
| 51 | <input id="searchbox-submit" type="image" value="Search" src="_static/img/search_icon_green.png" /> | 
|---|
| 52 | <input type="hidden" name="check_keywords" value="yes" /> | 
|---|
| 53 | <input type="hidden" name="area" value="default" /> | 
|---|
| 54 | </form> | 
|---|
| 55 | </div> | 
|---|
| 56 | </div> | 
|---|
| 57 | </div> | 
|---|
| 58 |  | 
|---|
| 59 |  | 
|---|
| 60 | <div class="sphinxsidebar"> | 
|---|
| 61 | <div class="sphinxsidebarwrapper"> | 
|---|
| 62 | <h1>Download</h1> | 
|---|
| 63 | <p>Current release: <a href="downloads.html">1.0</a></p> | 
|---|
| 64 | <h1>GeoExt News</h1> | 
|---|
| 65 | <script charset="ISO-8859-1" src="http://landmark-project.com/feed2js/feed2js.php?src=http%3A%2F%2Fgeoext.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Falt%3Drss&num=3&desc=75"></script> | 
|---|
| 66 | <span><a href="http://geoext.blogspot.com" title="GeoExt Blog">more ...</a></span> | 
|---|
| 67 | </div> | 
|---|
| 68 | </div> | 
|---|
| 69 |  | 
|---|
| 70 |  | 
|---|
| 71 | <div class="document"> | 
|---|
| 72 | <div class="documentwrapper"> | 
|---|
| 73 | <div class="bodywrapper"> | 
|---|
| 74 | <div class="body"> | 
|---|
| 75 |  | 
|---|
| 76 | <div class="section" id="javascript-toolkit-for-rich-web-mapping-applications"> | 
|---|
| 77 | <h1>JavaScript Toolkit for Rich Web Mapping Applications<a class="headerlink" href="#javascript-toolkit-for-rich-web-mapping-applications" title="Permalink to this headline">¶</a></h1> | 
|---|
| 78 | <p>GeoExt brings together the geospatial know how of | 
|---|
| 79 | <a class="reference external" href="http://openlayers.org">OpenLayers</a> with the user interface savvy of <a class="reference external" href="http://www.sencha.com/products/js/">Ext JS</a> to help you build powerful desktop style GIS apps on | 
|---|
| 80 | the web with JavaScript.</p> | 
|---|
| 81 | <p><a class="reference external" href="./docs.html">Documentation</a> | | 
|---|
| 82 | <a class="reference external" href="examples.html#examples"><em>Examples</em></a> | | 
|---|
| 83 | <a class="reference external" href="./downloads.html">Download</a> | | 
|---|
| 84 | <a class="reference external" href="http://trac.geoext.org/">Development</a></p> | 
|---|
| 85 | <div class="section" id="using-geoext"> | 
|---|
| 86 | <h2>Using GeoExt<a class="headerlink" href="#using-geoext" title="Permalink to this headline">¶</a></h2> | 
|---|
| 87 | <p>See GeoExt in action.</p> | 
|---|
| 88 | <div class="execute highlight-javascript"><div class="highlight"><pre><span class="k">new</span> <span class="nx">Ext</span><span class="p">.</span><span class="nx">Window</span><span class="p">({</span> | 
|---|
| 89 | <span class="nx">title</span><span class="o">:</span> <span class="s2">"GeoExt in Action"</span><span class="p">,</span> | 
|---|
| 90 | <span class="nx">height</span><span class="o">:</span> <span class="mi">280</span><span class="p">,</span> <span class="nx">width</span><span class="o">:</span> <span class="mi">450</span><span class="p">,</span> <span class="nx">layout</span><span class="o">:</span> <span class="s2">"fit"</span><span class="p">,</span> | 
|---|
| 91 | <span class="nx">items</span><span class="o">:</span> <span class="p">[{</span> | 
|---|
| 92 | <span class="nx">xtype</span><span class="o">:</span> <span class="s2">"gx_mappanel"</span><span class="p">,</span> | 
|---|
| 93 | <span class="nx">layers</span><span class="o">:</span> <span class="p">[</span><span class="k">new</span> <span class="nx">OpenLayers</span><span class="p">.</span><span class="nx">Layer</span><span class="p">.</span><span class="nx">WMS</span><span class="p">(</span> | 
|---|
| 94 | <span class="s2">"Global Imagery"</span><span class="p">,</span> <span class="s2">"http://maps.opengeo.org/geowebcache/service/wms"</span><span class="p">,</span> | 
|---|
| 95 | <span class="p">{</span><span class="nx">layers</span><span class="o">:</span> <span class="s2">"bluemarble"</span><span class="p">}</span> | 
|---|
| 96 | <span class="p">)],</span> | 
|---|
| 97 | <span class="nx">zoom</span><span class="o">:</span> <span class="mi">1</span> | 
|---|
| 98 | <span class="p">}]</span> | 
|---|
| 99 | <span class="p">}).</span><span class="nx">show</span><span class="p">();</span> | 
|---|
| 100 | </pre></div> | 
|---|
| 101 | </div> | 
|---|
| 102 | <p>Learn more about using GeoExt in your application by reading the | 
|---|
| 103 | <a class="reference external" href="docs.html"><em>documentation</em></a>.</p> | 
|---|
| 104 | </div> | 
|---|
| 105 | <div class="section" id="geoext-is-open-source"> | 
|---|
| 106 | <h2>GeoExt is Open Source<a class="headerlink" href="#geoext-is-open-source" title="Permalink to this headline">¶</a></h2> | 
|---|
| 107 | <p>GeoExt is available under the BSD license and is supported by a growing | 
|---|
| 108 | community of individuals, businesses and organizations.</p> | 
|---|
| 109 | </div> | 
|---|
| 110 | </div> | 
|---|
| 111 |  | 
|---|
| 112 |  | 
|---|
| 113 | </div> | 
|---|
| 114 | </div> | 
|---|
| 115 | </div> | 
|---|
| 116 | <div class="clearer"></div> | 
|---|
| 117 | </div> | 
|---|
| 118 |  | 
|---|
| 119 | <div class="footer"> | 
|---|
| 120 | © Copyright 2009-2010, GeoExt Community. | 
|---|
| 121 | </div> | 
|---|
| 122 | </body> | 
|---|
| 123 | </html> | 
|---|