1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120
   |  
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
     <title>OpenLayers map preview</title>
     <style type="text/css">
      #map {
        width: 700px;
        height: 700px;
        border: 1px solid black;
      }
     </style>
 
     <script src="http://localhost:8080/geoserver/openlayers/OpenLayers.js" type="text/javascript">
     </script>
     <script defer="defer" type="text/javascript">
       var map;
       var untiled;
       var tiled;
       function setHTML(response) { 
        OpenLayers.Util.getElement('nodelist').innerHTML = response.responseText;
       };
 
       function init(){
          map = new OpenLayers.Map('map', {controls:[], 'projection': 'EPSG:42305', 'units':'m'}); 
 
          OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;
 
          // setup tiled layer
          var bounds = new OpenLayers.Bounds(9.508385215839038E8,3.3602273172680664E8,9.902465641840553E8,3.7504126948208547E8)
          tiled = new OpenLayers.Layer.WMS(
            "Geoserver layers", "http://localhost:8080/geoserver/wms",
            {
              height: '700',
              width: '700',
              layers: 'drdict_carto:SECTIONC,drdict_carto:PARCELL1',
              srs: 'EPSG:42305',
              format: 'image/png', tiled: 'true', tilesOrigin : "9.508385215839038E8,3.3602273172680664E8"
            },
            {maxExtent: bounds, maxResolution: 153937.66640684195, projection: "EPSG:42305", buffer: 0} 
          );
          //map.addLayer(tiled);
 
          // setup untiled layer
          untiled = new OpenLayers.Layer.WMS.Untiled(
            "Geoserver layers", "http://localhost:8080/geoserver/wms",
            {
              height: '700',
              width: '700',
              layers: 'drdict_carto:SECTIONC,drdict_carto:PARCELL1',
              srs: 'EPSG:42305',
              format: 'image/png'
            },
            {maxExtent: bounds, maxResolution: 153937.66640684195, projection: "EPSG:42305"} 
          );
          untiled.ratio=1;
          untiled.setVisibility(false, false);
	  map.addLayer(untiled);
 
          // setup controls and initial zooms
	      map.addControl(new OpenLayers.Control.PanZoomBar({div:$('nav')}));
          map.addControl(new OpenLayers.Control.MouseDefaults());
          map.addControl(new OpenLayers.Control.Scale($('scale')));
          map.addControl(new OpenLayers.Control.MousePosition({element: $('position')}));
          //map.addControl(new OpenLayers.Control.LayerSwitcher());
          //map.addControl(new OpenLayers.Control.OverviewMap());
          map.zoomToExtent(bounds);
 
          // support GetFeatureInfo
          map.events.register('click', map, function (e) {
            OpenLayers.Util.getElement('nodelist').innerHTML = "Loading... please wait...";
            var url =  map.layers[0].getFullRequestString({
                            REQUEST: "GetFeatureInfo",
                            EXCEPTIONS: "application/vnd.ogc.se_xml",
                            BBOX: map.getExtent().toBBOX(),
                            X: e.xy.x,
                            Y: e.xy.y,
                            INFO_FORMAT: 'text/html',
                            QUERY_LAYERS: map.layers[0].params.LAYERS,
                            FEATURE_COUNT: 50,
                            layers: 'drdict_carto:SECTIONC,drdict_carto:PARCELL1',
                            srs: 'EPSG:42305',
                            WIDTH: map.size.w,
                            HEIGHT: map.size.h},
                            "http://localhost:8080/geoserver/wms"
                            );
            OpenLayers.loadURL(url, '', this, setHTML, setHTML);
            Event.stop(e);
      });
      }
      </script>
 
  </head>
 
  <body onload="init()">
     <table>
       <tr>
         <td style="width:40px" valign="middle" rowspan="3"><div id="nav"></div></td>
         <td colspan="3" align="right">
           <!-- Switch layers when links are pressed -->
           <a id="untiledLink" href="#" onclick="map.removeLayer(tiled);map.addLayer(untiled)">Untiled</a>
 
           <a id="tiledLink" href="#" onclick="map.removeLayer(untiled);map.addLayer(tiled);">Tiled</a>
         </td>
       </tr>
       <tr>
         <td colspan="3"><div id="map"></div></td>
       </tr>
       <tr>
         <td><div id="scale"></div></td>
 
         <td/>
         <td align="right"><div id="position"></div></td>
       </tr>
     </table>
     <div id="nodelist">Click on the map to get feature infos</div>
  </body>
</html> | 
Partager