source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/print-extent.html
@
76
| Revision 76, 2.0 KB checked in by djay, 12 years ago (diff) | |
|---|---|
|
|
| Line | |
|---|---|
| 1 | <html> |
| 2 | <head> |
| 3 | <title>GeoExt PrintExtent 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="print-extent.js"></script> |
| 13 | |
| 14 | <!-- The script below will load the capabilities of the print service |
| 15 | and save them into the global printCapabilities variable. Instead |
| 16 | of this, the PrintProvider can be configured with a url and take |
| 17 | care of fetching the capabilities. --> |
| 18 | <script type="text/javascript" src="http://demo.opengeo.org/geoserver/pdf/info.json?var=printCapabilities"></script> |
| 19 | |
| 20 | </head> |
| 21 | <body> |
| 22 | <h1>Setting the Print Extent on the Map Interactively</h1> |
| 23 | <p>This example shows how to set the bounds of a printable PDF |
| 24 | interactively with a dynamic print extent rectangle. It requires |
| 25 | the <a href="http://trac.mapfish.org/trac/mapfish/wiki/PrintModuleInstallation">MapFish</a> |
| 26 | or <a href="http://docs.geoserver.org/stable/en/user/community/printing/">GeoServer</a> |
| 27 | print module.</p> |
| 28 | <p>Drag one of the handles to control the scale. Grab one of the |
| 29 | corner handles at its edge to rotate the extent. Hold the SHIFT key to |
| 30 | rotate in 45° increments only. Drag the extent rectangle to change the |
| 31 | center.</p> |
| 32 | <p>The js is not minified so it is readable. See <a href="print-extent.js">print-extent.js</a>.</p> |
| 33 | <div id="content"></div> |
| 34 | </body> |
| 35 | </html> |
Note: See TracBrowser
for help on using the repository browser.
