[76] | 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> |
---|