source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/mappanel-div.html
@
76
| Revision 76, 1.8 KB checked in by djay, 13 years ago (diff) | |
|---|---|
|
|
| Rev | Line | |
|---|---|---|
| [76] | 1 | <html> |
| 2 | <head> | |
| 3 | <title>GeoExt MapPanel Example</title> | |
| 4 | ||
| 5 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/adapter/ext/ext-base.js"></script> | |
| 6 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/ext-all.js"></script> | |
| 7 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/resources/css/ext-all.css" /> | |
| 8 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/examples/shared/examples.css" /> | |
| 9 | <script src="http://www.openlayers.org/api/2.10/OpenLayers.js"></script> | |
| 10 | <script type="text/javascript" src="../script/GeoExt.js"></script> | |
| 11 | ||
| 12 | <script type="text/javascript" src="mappanel-div.js"></script> | |
| 13 | ||
| 14 | </head> | |
| 15 | <body> | |
| 16 | <h1>GeoExt.MapPanel with an Existing OpenLayers.Map</h1> | |
| 17 | <p>This example shows the how to create a MapPanel with a map that has | |
| 18 | already been created. See <a href="mappanel-window.html">mappanel-window.html</a> | |
| 19 | for an example that creates the MapPanel without creating the map first.<p> | |
| 20 | <p>This example makes use of a <code>CookieProvider</code>. The <code>MapPanel</code> | |
| 21 | being a stateful component, if you reload the page the map should be | |
| 22 | at the same location as previously. Also the <code>getState</code> and | |
| 23 | <code>applyState</code> methods are overloaded so the size of the map | |
| 24 | panel is also restored when refreshing the page.</p> | |
| 25 | <p>The js is not minified so it is readable. See <a href="mappanel-div.js">mappanel-div.js</a>.</p> | |
| 26 | <div id="mappanel"></div> | |
| 27 | <input type="button" onclick="mapSizeUp()" value="bigger"></input> | |
| 28 | <input type="button" onclick="mapSizeDown()" value="smaller"></input> | |
| 29 | </body> | |
| 30 | </html> |
Note: See TracBrowser
for help on using the repository browser.
