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> |
---|