OpenLayers OpenLayers

Ticket #1511: mapguide_test.html

File mapguide_test.html, 5.1 kB (added by madair, 4 months ago)
Line 
1 <html xmlns="http://www.w3.org/1999/xhtml">
2   <head>
3     <style type="text/css">
4         #map {
5             width: 600px;
6             height: 600px;
7             border: 1px solid black;
8             float:left;
9         }
10         #map2 {
11             width: 600px;
12             height: 600px;
13             border: 1px solid black;
14             float:left;
15         }
16     </style>
17     <script src="../lib/OpenLayers.js"></script>
18     <script type="text/javascript">
19    
20         var map, map2, layer;
21         var url = "http://demo01.dmsolutions.ca/mapguide/mapagent/mapagent.fcgi";
22         //you can use this URL when MapGuide OS is installed locally
23         var url = "http://localhost:8008/mapguide/mapagent/mapagent.fcgi";
24        
25        
26         var metersPerUnit = 111319.4908;  //value returned from mapguide
27         var inPerUnit = OpenLayers.INCHES_PER_UNIT.m * metersPerUnit;
28         //OpenLayers.INCHES_PER_UNIT["dd"] = inPerUnit;
29         //OpenLayers.INCHES_PER_UNIT["degrees"] = inPerUnit;       
30         OpenLayers.DOTS_PER_INCH = 96;
31
32         //tiled version
33         function initTiled(){
34          
35             var extent = new OpenLayers.Bounds(-87.764986990963,43.691398128788,-87.6955215109,43.79752000048);       
36         var tempScales =[1000,1930.6977300000001,3727.5937199999998,7196.8567300000004,13894.95494,26826.95795,51794.746789999997,100000];
37            
38             var mapOptions = {
39                 maxExtent: extent,
40                 scales: tempScales
41             };
42             map = new OpenLayers.Map( 'map', mapOptions );
43            
44              var params = {
45               mapdefinition: 'Library://Samples/Sheboygan/MapsTiled/Sheboygan.MapDefinition',
46               basemaplayergroupname: "Base Layer Group"
47             }
48            
49             var options = {
50               units: "dd",
51               singleTile: false
52             }
53             var layer = new OpenLayers.Layer.MapGuide( "MapGuide OS tiled layer", url, params, options );
54             map.addLayer(layer);
55             map.addControl(new OpenLayers.Control.MousePosition());           
56             map.addControl(new OpenLayers.Control.Scale());       
57             map.zoomToMaxExtent();
58            
59            
60             map.zoomToScale(100000);
61             map.setCenter(map2.getCenter());
62             map2.zoomToScale(100000);
63             var test = map2.getResolution();
64             test = map.getResolution();
65         }
66
67         //un-tiled version
68         function initUntiled() {
69        
70           //OpenLayers.DOTS_PER_INCH = 96;
71             var extent = new OpenLayers.Bounds(-87.764986990963,43.691398128788,-87.6955215109,43.79752000048);
72           var mapOptions = {
73                 maxExtent: extent,
74                 fractionalZoom: true,
75                 maxResolution: 'auto'
76           };
77           map2 = new OpenLayers.Map( 'map2', mapOptions );
78            
79           var options = {
80               buffer: 1,
81               singleTile: true
82           };
83          
84           var params = {
85               mapdefinition: 'Library://Samples/Sheboygan/Maps/Sheboygan.MapDefinition'
86           };
87           /*
88                     The MapGuide layer can also be created using mapname and session as follows provided there
89                     is some wrapper code to obtain a valid session id and mapname
90           var params = {
91               mapname: 'Sheboygan47b3560bf1071',
92               session: '043bb716-0000-1000-8000-0017a4e6ff5d_en_7F0000010AFC0AFB0AFA'
93           };
94           */
95           var layer = new OpenLayers.Layer.MapGuide( "MapGuide OS untiled baselayer", url, params, options );
96           map2.addLayer(layer);
97          
98           //this is how to set up the layer for transparent overlays.  Requires a valid session ID
99           //and mapName stored in that session.
100           //If the mapagent URL is on a different server than this OL layer, the OpenLayers proxy script
101           //must be used since this layer must perform an additional AJAX request before requesting the
102           //map  image
103           /*
104             var options = {
105               isBaseLayer: false,
106               transparent: true,
107               buffer: 1,
108               singleTile: true
109             };
110             var params = {
111               mapName: 'Sheboygan',
112               session: '0b8cb80e-0000-1000-8003-0017a4e6ff5d_en_C0A802AD0AFC0AFB0AFA',
113             };
114             layer = new OpenLayers.Layer.MapGuide( "MapGuide OS Overlay layer", url, params, options );
115             map.addLayer(layer);
116           */
117           map2.addControl(new OpenLayers.Control.MousePosition());       
118           map2.addControl(new OpenLayers.Control.Scale());       
119           map2.zoomToMaxExtent();
120     }
121    
122
123
124     </script>
125   </head>
126   <body onload="initUntiled(); initTiled()">
127     <p>If prompted for a password, username is Anonymous and an empty password</p>
128    
129     Modified example by Zac Spitzer, first map is tiled, second map is not tiled,<br>
130     note that the mouse position doesn't match between the different versions
131     <div id="map"></div>
132     <div id="map2"></div>
133    
134     <br>
135    
136   </body>
137 </html>