MapInfo MapXtreme 2005 WebGIS 简单鹰眼设计(转）

骑猪看日落 2021-12-05 13:43 340阅读 0赞

form

# [东人EP的内陆空间！][EP] #

original link:  
[http://www.cnitblog.com/eastperson/archive/2006/10/17/18055.aspx][http_www.cnitblog.com_eastperson_archive_2006_10_17_18055.aspx]  
  
origin full text:  
我在2005上研究了好长时间， 才弄出来个简单的鹰眼，与大家分享，我的设计思路是将后台设置两个map ，map1和map2，map1为主地图，map2为鹰眼地图，但是map2没有MapControl，定义一个实现类继承于MapBaseCommand，将map1.Bounds的矩形在map2上转换为System.Drawing.Rectangle，之后将这个Rectangle的左上坐标和width，height传到客户端，应用JS进行客户端绘图，在客户端加入一个Div，Div里放置一个IMG，如下为部分代码：  
自定义类：  
  
 1![None.gif][]using System;  
 2![None.gif][]using System.Collections;  
 3![None.gif][]using System.Drawing;  
 4![None.gif][]using System.IO;  
 5![None.gif][]using System.Web;  
 6![None.gif][]using System.Web.UI.WebControls;  
 7![None.gif][]using System.Web.UI;  
 8![None.gif][]using MapInfo.Mapping;  
 9![None.gif][]using MapInfo.Data;  
 10![None.gif][]using MapInfo.WebControls;  
 11![None.gif][]  
 12![None.gif][]  
 13![None.gif][]namespace CustomWebTools  
 14![ExpandedBlockStart.gif][]![ContractedBlock.gif][]![dot.gif][]\{  
 15![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
 16![InBlock.gif][]/// Info command for InfoWebTool.  
 17![ExpandedSubBlockEnd.gif][]///</summary>  
 18![InBlock.gif][] \[Serializable\]  
 19![InBlock.gif][]publicclass Info : MapInfo.WebControls.MapBaseCommand  
 20![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 21![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
 22![InBlock.gif][]/// Key to be used to get the pixel tolerance parameter value from the URL.  
 23![ExpandedSubBlockEnd.gif][]///</summary>  
 24![InBlock.gif][]protectedconststring PixelToleranceKey ="PixelTolerance";  
 25![InBlock.gif][]protectedconststring InfoCommand ="Info";  
 26![InBlock.gif][]  
 27![InBlock.gif][]  
 28![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
 29![InBlock.gif][]/// Constructor for Info class  
 30![ExpandedSubBlockEnd.gif][]///</summary>  
 31![InBlock.gif][]public Info()  
 32![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 33![InBlock.gif][] Name = InfoCommand;  
 34![ExpandedSubBlockEnd.gif][] \}  
 35![InBlock.gif][]  
 36![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
 37![InBlock.gif][]/// Override the Execute method in MapBasicCommand class to not save state, because  
 38![InBlock.gif][]/// for info tool, which does not change map state, so there is no need to save map state.  
 39![ExpandedSubBlockEnd.gif][]///</summary>  
 40![InBlock.gif][]publicoverridevoid Execute()  
 41![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 42![InBlock.gif][]  
 43![InBlock.gif][] StateManager sm = StateManager.GetStateManagerFromSession();  
 44![InBlock.gif][]if (sm ==null)  
 45![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 46![InBlock.gif][]if(StateManager.IsManualState())  
 47![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 48![InBlock.gif][]thrownew NullReferenceException("Cannot find instance of StateManager in the ASP.NET session.");  
 49![ExpandedSubBlockEnd.gif][] \}  
 50![ExpandedSubBlockEnd.gif][] \}  
 51![InBlock.gif][] ParseContext();  
 52![InBlock.gif][]if(sm !=null)  
 53![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 54![InBlock.gif][] PrepareStateManagerParamsDictionary(sm);  
 55![InBlock.gif][] sm.RestoreState();  
 56![ExpandedSubBlockEnd.gif][] \}  
 57![InBlock.gif][]  
 58![InBlock.gif][] Process();  
 59![ExpandedSubBlockEnd.gif][] \}  
 60![InBlock.gif][]  
 61![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
 62![InBlock.gif][]/// method to do the real server side process for info tool.  
 63![ExpandedSubBlockEnd.gif][]///</summary>  
 64![InBlock.gif][]publicoverridevoid Process()  
 65![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 66![InBlock.gif][]//get pixel tolerance from url of client side.  
 67![InBlock.gif][]int pixelTolerance = System.Convert.ToInt32(HttpContext.Current.Request\[PixelToleranceKey\]);  
 68![InBlock.gif][]  
 69![InBlock.gif][] MapControlModel model = MapControlModel.GetModelFromSession();  
 70![InBlock.gif][] model.SetMapSize(MapAlias, MapWidth, MapHeight);  
 71![InBlock.gif][]  
 72![InBlock.gif][]//extract points from url of client side.  
 73![InBlock.gif][] System.Drawing.Point\[\] points = ExtractPoints(DataString);  
 74![InBlock.gif][]  
 75![InBlock.gif][]//do searching and get results back  
 76![InBlock.gif][] MultiResultSetFeatureCollection mrfc = RetrieveInfo(points, pixelTolerance);  
 77![InBlock.gif][]  
 78![InBlock.gif][] IEnumerator resultEnum = mrfc.GetEnumerator();  
 79![InBlock.gif][]  
 80![InBlock.gif][]//retrieve the selected feature from collection  
 81![InBlock.gif][]while(resultEnum.MoveNext())  
 82![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 83![InBlock.gif][] IResultSetFeatureCollection irfc = (IResultSetFeatureCollection)resultEnum.Current;  
 84![InBlock.gif][] IFeatureEnumerator ftrEnum = irfc.GetFeatureEnumerator();  
 85![InBlock.gif][]  
 86![InBlock.gif][]while(ftrEnum.MoveNext())  
 87![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
 88![InBlock.gif][] Feature ftr = (Feature)ftrEnum.Current;  
 89![InBlock.gif][]//create a html table to display feature info and stream back to client side.  
 90![InBlock.gif][] CreateInfoTable(ftr);  
 91![InBlock.gif][] irfc.Close();  
 92![InBlock.gif][] mrfc.Clear();  
 93![InBlock.gif][]break;  
 94![ExpandedSubBlockEnd.gif][] \}  
 95![InBlock.gif][]break;  
 96![ExpandedSubBlockEnd.gif][] \}  
 97![ExpandedSubBlockEnd.gif][] \}  
 98![InBlock.gif][]  
 99![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
100![InBlock.gif][]/// Creates html table to hold passed in feature info, and stream back to client.  
101![InBlock.gif][]///</summary>  
102![ExpandedSubBlockEnd.gif][]///<param name="ftr">feature object</param>  
103![InBlock.gif][]privatevoid CreateInfoTable(Feature ftr)  
104![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
105![InBlock.gif][]//create a table control and populat it with the column name/value(s) from the feature returned and  
106![InBlock.gif][]// and the name of the layer where the feature belong  
107![InBlock.gif][] System.Web.UI.WebControls.Table infoTable =new System.Web.UI.WebControls.Table();  
108![InBlock.gif][]//set table attribute/styles  
109![InBlock.gif][] infoTable.CellPadding =4;  
110![InBlock.gif][] infoTable.Font.Name ="Arial";  
111![InBlock.gif][] infoTable.Font.Size =new FontUnit(8);  
112![InBlock.gif][] infoTable.BorderWidth =1;  
113![InBlock.gif][]//infoTable.BorderStyle = BorderStyle.Outset;   
114![InBlock.gif][]  
115![InBlock.gif][] System.Drawing.Color backColor = Color.Bisque;  
116![InBlock.gif][]  
117![InBlock.gif][]//add the first row, the layer name/value where the selected feature belongs   
118![InBlock.gif][] TableRow r =new TableRow();  
119![InBlock.gif][] r.BackColor = backColor;  
120![InBlock.gif][]  
121![InBlock.gif][] TableCell c =new TableCell();  
122![InBlock.gif][] c.Font.Bold =true;  
123![InBlock.gif][] c.ForeColor = Color.Indigo;  
124![InBlock.gif][]  
125![InBlock.gif][] c.Text ="Layer Name";  
126![InBlock.gif][] r.Cells.Add(c);  
127![InBlock.gif][]  
128![InBlock.gif][] c =new TableCell();  
129![InBlock.gif][]  
130![InBlock.gif][]//the feature returned is from a resultset table whose name is got from appending \_2  
131![InBlock.gif][]//to the real table name, so below is to get the real table name.  
132![InBlock.gif][]string alias = ftr.Table.Alias;  
133![InBlock.gif][] c.Text = alias.Substring(0, alias.Length\-2);  
134![InBlock.gif][] c.Font.Bold =true;  
135![InBlock.gif][] r.Cells.Add(c);  
136![InBlock.gif][]  
137![InBlock.gif][] infoTable.Rows.Add(r);  
138![InBlock.gif][]  
139![InBlock.gif][]foreach(Column col in ftr.Columns)  
140![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
141![InBlock.gif][] String upAlias = col.Alias.ToUpper();  
142![InBlock.gif][]//don't display obj, MI\_Key or MI\_Style columns  
143![InBlock.gif][]if(upAlias !="OBJ"&& upAlias !="MI\_STYLE"&& upAlias !="MI\_KEY")  
144![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
145![InBlock.gif][] r =new TableRow();  
146![InBlock.gif][] r.BackColor = backColor;  
147![InBlock.gif][]  
148![InBlock.gif][] r.Cells.Clear();  
149![InBlock.gif][] c =new TableCell();  
150![InBlock.gif][] c.Text = col.Alias;  
151![InBlock.gif][] c.Font.Bold =true;  
152![InBlock.gif][] c.ForeColor = Color.RoyalBlue;  
153![InBlock.gif][]  
154![InBlock.gif][] r.Cells.Add(c);  
155![InBlock.gif][] c =new TableCell();  
156![InBlock.gif][] c.Text = ftr\[col.Alias\].ToString();  
157![InBlock.gif][] r.Cells.Add(c);  
158![InBlock.gif][] infoTable.Rows.Add(r);  
159![ExpandedSubBlockEnd.gif][] \}  
160![ExpandedSubBlockEnd.gif][] \}  
161![InBlock.gif][]  
162![InBlock.gif][]//stream the html table back to client  
163![InBlock.gif][] StringWriter sw =new StringWriter();  
164![InBlock.gif][] HtmlTextWriter hw =new HtmlTextWriter(sw);  
165![InBlock.gif][] infoTable.RenderControl(hw);  
166![InBlock.gif][] String strHTML = sw.ToString();  
167![InBlock.gif][] HttpContext.Current.Response.Output.Write(strHTML);  
168![ExpandedSubBlockEnd.gif][] \}  
169![InBlock.gif][]  
170![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
171![InBlock.gif][]/// Get a MultiFeatureCollection containing features in all layers falling into the tolerance of the point.  
172![InBlock.gif][]///</summary>  
173![InBlock.gif][]///<param name="points">points array</param>  
174![InBlock.gif][]///<param name="pixelTolerance">pixel tolerance used when searching</param>  
175![ExpandedSubBlockEnd.gif][]///<returns>Returns a MultiResultSetFeatureCollection object</returns>  
176![InBlock.gif][]protected MultiResultSetFeatureCollection RetrieveInfo(Point\[\] points, int pixelTolerance)  
177![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
178![InBlock.gif][]if(points.Length !=1)  
179![InBlock.gif][]returnnull;  
180![InBlock.gif][]  
181![InBlock.gif][] MapControlModel model = MapControlModel.GetModelFromSession();  
182![InBlock.gif][]//get map object from map model  
183![InBlock.gif][] MapInfo.Mapping.Map map = model.GetMapObj(MapAlias);  
184![InBlock.gif][]  
185![InBlock.gif][]if(map ==null) returnnull;  
186![InBlock.gif][]  
187![InBlock.gif][]//creat a layer filter to include normal visible layers for searching  
188![InBlock.gif][] IMapLayerFilter layerFilter = MapLayerFilterFactory.FilterForTools(  
189![InBlock.gif][] map, MapLayerFilterFactory.FilterByLayerType(LayerType.Normal), MapLayerFilterFactory.FilterVisibleLayers(true),  
190![InBlock.gif][]"MapInfo.Tools.MapToolsDefault.SelectLayers", null);  
191![InBlock.gif][]  
192![InBlock.gif][] ITableEnumerator tableEnum = map.Layers.GetTableEnumerator(layerFilter);  
193![InBlock.gif][]  
194![InBlock.gif][]//return if there is no valid layer to search  
195![InBlock.gif][]if(tableEnum ==null) returnnull;  
196![InBlock.gif][]  
197![InBlock.gif][] System.Drawing.Point center = points\[0\];  
198![InBlock.gif][]  
199![InBlock.gif][]//create a SearchInfo with a point and tolerance  
200![InBlock.gif][] SearchInfo si = MapInfo.Mapping.SearchInfoFactory.SearchNearest(map, center, pixelTolerance);  
201![InBlock.gif][] (si.SearchResultProcessor as ClosestSearchResultProcessor).Options = ClosestSearchOptions.StopAtFirstMatch;  
202![InBlock.gif][]//retrieve all columns  
203![InBlock.gif][] si.QueryDefinition.Columns =null;  
204![InBlock.gif][]  
205![InBlock.gif][] MapInfo.Geometry.Distance d = MapInfo.Mapping.SearchInfoFactory.ScreenToMapDistance(map, pixelTolerance);  
206![InBlock.gif][] (si.SearchResultProcessor as ClosestSearchResultProcessor).DistanceUnit=d.Unit;  
207![InBlock.gif][] (si.SearchResultProcessor as ClosestSearchResultProcessor).MaxDistance = d.Value;  
208![InBlock.gif][]  
209![InBlock.gif][]  
210![InBlock.gif][]//do search  
211![InBlock.gif][] MultiResultSetFeatureCollection mrfc = MapInfo.Engine.Session.Current.Catalog.Search(tableEnum, si);  
212![InBlock.gif][]return mrfc;  
213![InBlock.gif][]  
214![ExpandedSubBlockEnd.gif][] \}  
215![ExpandedSubBlockEnd.gif][] \}  
216![InBlock.gif][]  
217![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
218![InBlock.gif][]/// ZoomValue command to write current zoom value to client for display.  
219![ExpandedSubBlockEnd.gif][]///</summary>  
220![InBlock.gif][] \[Serializable\]  
221![InBlock.gif][]publicclass ZoomValue : MapInfo.WebControls.MapBaseCommand  
222![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
223![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
224![InBlock.gif][]/// Constructor for ZoomValue class  
225![ExpandedSubBlockEnd.gif][]///</summary>  
226![InBlock.gif][]public ZoomValue()  
227![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
228![InBlock.gif][] Name ="ZoomValue";  
229![ExpandedSubBlockEnd.gif][] \}  
230![InBlock.gif][]  
231![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]/\*\*////<summary>  
232![InBlock.gif][]/// Override the Execute method in MapBasicCommand class to NOT save state, because  
233![InBlock.gif][]/// for this command, which does not change map state, so there is no need to save map state.  
234![ExpandedSubBlockEnd.gif][]///</summary>  
235![InBlock.gif][]publicoverridevoid Execute()  
236![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
237![InBlock.gif][]  
238![InBlock.gif][] StateManager sm = StateManager.GetStateManagerFromSession();  
239![InBlock.gif][]if (sm ==null)  
240![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
241![InBlock.gif][]if(StateManager.IsManualState())  
242![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
243![InBlock.gif][]thrownew NullReferenceException("Cannot find instance of StateManager in the ASP.NET session.");  
244![ExpandedSubBlockEnd.gif][] \}  
245![ExpandedSubBlockEnd.gif][] \}  
246![InBlock.gif][] ParseContext();  
247![InBlock.gif][]if(sm !=null)  
248![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
249![InBlock.gif][] PrepareStateManagerParamsDictionary(sm);  
250![InBlock.gif][] sm.RestoreState();  
251![ExpandedSubBlockEnd.gif][] \}  
252![InBlock.gif][]  
253![InBlock.gif][] Process();  
254![ExpandedSubBlockEnd.gif][] \}  
255![InBlock.gif][]  
256![InBlock.gif][]publicoverridevoid Process()  
257![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]![dot.gif][]\{  
258![InBlock.gif][] MapControlModel model = MapControlModel.GetModelFromSession();  
259![InBlock.gif][]//get map object from map model  
260![InBlock.gif][] MapInfo.Mapping.Map map = model.GetMapObj(MapAlias);  
261![InBlock.gif][] MapInfo.Mapping.Map map2 = model.GetMapObj("Map2");  
262![InBlock.gif][] System.Drawing.Rectangle rect;  
263![InBlock.gif][] map2.DisplayTransform.ToDisplay(map.Bounds, out rect);  
264![InBlock.gif][]  
265![InBlock.gif][] HttpContext.Current.Response.Output.Write(rect.X);  
266![InBlock.gif][] HttpContext.Current.Response.Output.Write(',');  
267![InBlock.gif][] HttpContext.Current.Response.Output.Write(rect.Y);  
268![InBlock.gif][] HttpContext.Current.Response.Output.Write(',');  
269![InBlock.gif][] HttpContext.Current.Response.Output.Write(rect.Width);  
270![InBlock.gif][] HttpContext.Current.Response.Output.Write(',');  
271![InBlock.gif][] HttpContext.Current.Response.Output.Write(rect.Height);  
289![ExpandedSubBlockEnd.gif][] \}  
290![ExpandedSubBlockEnd.gif][] \}  
291![ExpandedBlockEnd.gif][]\}  
292![None.gif][]  
客户端JS代码：

1 ![None.gif][] // client info command to control client behavior for info tool.   
  2 ![None.gif][] function  InfoCommand(name, interaction)  
  3 ![ExpandedBlockStart.gif][]![ContractedBlock.gif][] ![dot.gif][] \{  
 4![ExpandedSubBlockStart.gif][]![ContractedSubBlock.gif][]if (arguments.length >0) ![dot.gif][]\{  
 5![InBlock.gif][]this.Init(name, interaction);  
 6![ExpandedSubBlockEnd.gif][] \}  
 7![ExpandedBlockEnd.gif][]\}   
  8 ![None.gif][]InfoCommand.prototype  =  new  MapCommand();  
  9 ![None.gif][]InfoCommand.prototype.constructor  =  InfoCommand;  
 10 ![None.gif][]InfoCommand.superclass  =  MapCommand.prototype;  
 11 ![None.gif][]InfoCommand.prototype.Execute  =  function ()  
 12 ![ExpandedBlockStart.gif][]![ContractedBlock.gif][] ![dot.gif][] \{  
13![InBlock.gif][]this.CreateUrl();  
14![InBlock.gif][]this.AddParamToUrl("PixelTolerance", this.pixelTolerance);  
15![InBlock.gif][]//create an XMLHttp obj to send request to server  
16![InBlock.gif][]var xmlHttp = CreateXMLHttp();  
17![InBlock.gif][] xmlHttp.open("GET", this.url, false);  
18![InBlock.gif][] xmlHttp.send(null);  
19![InBlock.gif][]//get response back  
20![InBlock.gif][]this.result = xmlHttp.responseText;  
21![InBlock.gif][]  
22![InBlock.gif][]var div = FindElement("Info");  
23![InBlock.gif][]if(div.style.visibility !="visible")  
24![InBlock.gif][] div.style.visibility ="visible";  
25![InBlock.gif][]//display the response at client html  
26![InBlock.gif][] div.innerHTML ="<font size=2 face=Arial><b>Selected Feature Info:</b></font><p>"\+this.result;  
27![InBlock.gif][]  
28![ExpandedBlockEnd.gif][]\} ;  
 29 ![None.gif][] // function to update zoom label   
 30 ![None.gif][] function  getZoomValue()  
 31 ![ExpandedBlockStart.gif][]![ContractedBlock.gif][] ![dot.gif][] \{  
32![InBlock.gif][]//create url to send to server, server command name is "ZoomValue"  
33![InBlock.gif][]var url ="MapController.ashx?Command=ZoomValue&Ran="\+ Math.random();  
34![InBlock.gif][]var mapImage = document.getElementById("MapControl1\_Image");  
35![InBlock.gif][]if (mapImage.mapAlias)  
36![InBlock.gif][] url \+="&MapAlias="\+ mapImage.mapAlias;  
37![InBlock.gif][]var xmlHttp = CreateXMLHttp();  
38![InBlock.gif][] xmlHttp.open("GET", url, false);  
39![InBlock.gif][] xmlHttp.send(null);  
40![InBlock.gif][]var result = xmlHttp.responseText;  
41![InBlock.gif][]var div = FindElement("ZoomValue");  
42![InBlock.gif][] div.innerHTML ="<font size=2 face=Arial><b>Zoom: <font color=Indigo>"\+ result \+"</font></b></font>";  
43![InBlock.gif][]  
44![InBlock.gif][]var arr =new Array();  
45![InBlock.gif][] arr = result.split(',');  
46![InBlock.gif][]var left =1\*arr\[0\];  
47![InBlock.gif][]var top =1\*arr\[1\];  
48![InBlock.gif][]var width =1\*arr\[2\];  
49![InBlock.gif][]var height =1\*arr\[3\];  
50![InBlock.gif][]if (left <0) left =0;  
51![InBlock.gif][]if (top <0) top =0;  
52![InBlock.gif][]if (width >232) width =232;  
53![InBlock.gif][]if (height >210) height =210;  
54![InBlock.gif][]//alert(left+","+top+","+width+","+height);  
55![InBlock.gif][] myDrawFunction(left, top, width, height);  
56![ExpandedBlockEnd.gif][]\} ;  
 57 ![None.gif][]  
 58 ![None.gif][]

后台HTML文件代码：

1 ![ExpandedBlockStart.gif][] ![ContractedBlock.gif][] <% ![dot.gif][] @ Page language="c\#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="InfoToolWeb.WebForm1\_temp" %>   
  2 ![ExpandedBlockStart.gif][]![ContractedBlock.gif][] <% ![dot.gif][] @ Register TagPrefix="mapinfowebuiwebcontrols" Namespace="MapInfo.WebControls" Assembly="MapInfo.WebControls, Version=4.0.0.362, Culture=neutral, PublicKeyToken=0a9556cc66c0af57" %>   
  3 ![None.gif][] <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  >   
  4 ![None.gif][] < HTML  xmlns:v ="urn:schemas-microsoft-com:vml" >   
  5 ![None.gif][] < HEAD >   
  6 ![None.gif][] < title > WebForm1 </ title >   
  7 ![None.gif][] < meta  content ="Microsoft Visual Studio 7.0"  name ="GENERATOR" >   
  8 ![None.gif][] < meta  content ="C\#"  name ="CODE\_LANGUAGE" >   
  9 ![None.gif][] < meta  content ="JavaScript"  name ="vs\_defaultClientScript" >   
 10 ![None.gif][] < meta  content ="http://schemas.microsoft.com/intellisense/ie5"  name ="vs\_targetSchema" >   
 11 ![ExpandedBlockStart.gif][]![ContractedBlock.gif][] < style > ![dot.gif][] v\\:\* \{ ![dot.gif][]\}\{  BEHAVIOR: url(\#default\#VML) \}  
12![ExpandedBlockEnd.gif][] </ style >   
 13 ![None.gif][] < script  src ="wz\_jsgraphics.js"  type ="text/javascript" ></ script >   
 14 ![None.gif][] </ HEAD >   
 15 ![None.gif][] < body  bgColor ="\#ffefd5"  MS\_POSITIONING ="GridLayout" >   
 16 ![None.gif][] < form  id ="Form1"  method ="post"  runat ="server" >   
 17 ![None.gif][]    
 18 ![None.gif][] < script  language ="javascript"  src ="CustomCommand.js"  type ="text/javascript" ></ script >   
 19 ![None.gif][] <!--  zoom label used to display current zoom value ->  
 20 ![None.gif][] <DIV id="ZoomValue" style="DISPLAY: inline; Z-INDEX: 124; LEFT: 120px; WIDTH: 872px; POSITION: absolute; TOP: 88px; HEIGHT: 19px"  
 21 ![None.gif][] ms\_positioning="FlowLayout"><STRONG><FONT face="Arial" size="2">Zoom:</FONT></STRONG></DIV>  
 22 ![None.gif][] <mapinfowebuiwebcontrols:mapcontrol id="MapControl1" style="Z-INDEX: 101; LEFT: 88px; POSITION: absolute; TOP: 128px"  
 23 ![None.gif][] runat="server" MapAlias="Map1" Height="600px" Width="600px"></mapinfowebuiwebcontrols:mapcontrol><mapinfowebuiwebcontrols:southnavigationtool id="SouthNavigationTool2" style="Z-INDEX: 102; LEFT: 640px; POSITION: absolute; TOP: 944px"  
 24 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:southnavigationtool><mapinfowebuiwebcontrols:northnavigationtool id="NorthNavigationTool2" style="Z-INDEX: 104; LEFT: 224px; POSITION: absolute; TOP: 112px"  
 25 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:northnavigationtool><mapinfowebuiwebcontrols:eastnavigationtool id="EastNavigationTool2" style="Z-INDEX: 105; LEFT: 912px; POSITION: absolute; TOP: 552px"  
 26 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:eastnavigationtool><mapinfowebuiwebcontrols:westnavigationtool id="WestNavigationTool2" style="Z-INDEX: 106; LEFT: 72px; POSITION: absolute; TOP: 280px"  
 27 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:westnavigationtool><mapinfowebuiwebcontrols:northeastnavigationtool id="NorthEastNavigationTool1" style="Z-INDEX: 108; LEFT: 840px; POSITION: absolute; TOP: 112px"  
 28 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:northeastnavigationtool><mapinfowebuiwebcontrols:southwestnavigationtool id="SouthWestNavigationTool1" style="Z-INDEX: 109; LEFT: 64px; POSITION: absolute; TOP: 616px"  
 29 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:southwestnavigationtool><mapinfowebuiwebcontrols:southeastnavigationtool id="SouthEastNavigationTool1" style="Z-INDEX: 110; LEFT: 952px; POSITION: absolute; TOP: 848px"  
 30 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:southeastnavigationtool><mapinfowebuiwebcontrols:northwestnavigationtool id="NorthWestNavigationTool1" style="Z-INDEX: 111; LEFT: 72px; POSITION: absolute; TOP: 112px"  
 31 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:northwestnavigationtool><mapinfowebuiwebcontrols:zoombartool id="ZoomBarTool1" style="Z-INDEX: 112; LEFT: 24px; POSITION: absolute; TOP: 216px"  
 32 ![None.gif][] runat="server" Height="8px" MapControlID="MapControl1" ZoomLevel="12500"></mapinfowebuiwebcontrols:zoombartool><mapinfowebuiwebcontrols:zoombartool id="ZoomBarTool2" style="Z-INDEX: 113; LEFT: 24px; POSITION: absolute; TOP: 240px"  
 33 ![None.gif][] runat="server" Height="8px" MapControlID="MapControl1" ZoomLevel="6500"></mapinfowebuiwebcontrols:zoombartool><mapinfowebuiwebcontrols:zoombartool id="ZoomBarTool3" style="Z-INDEX: 114; LEFT: 24px; POSITION: absolute; TOP: 264px"  
 34 ![None.gif][] runat="server" Height="8px" MapControlID="MapControl1" ZoomLevel="3550"></mapinfowebuiwebcontrols:zoombartool><mapinfowebuiwebcontrols:zoombartool id="ZoomBarTool4" style="Z-INDEX: 115; LEFT: 24px; POSITION: absolute; TOP: 288px"  
 35 ![None.gif][] runat="server" MapControlID="MapControl1" ZoomLevel="1500"></mapinfowebuiwebcontrols:zoombartool><mapinfowebuiwebcontrols:zoombartool id="ZoomBarTool5" style="Z-INDEX: 116; LEFT: 24px; POSITION: absolute; TOP: 312px"  
 36 ![None.gif][] runat="server" MapControlID="MapControl1" ZoomLevel="500"></mapinfowebuiwebcontrols:zoombartool><asp:image id="Image1" style="Z-INDEX: 117; LEFT: 32px; POSITION: absolute; TOP: 336px" runat="server"  
 37 ![None.gif][] ImageUrl="/MapXTremeWebResources 6\_5/ZoomInToolControlActive.gif"></asp:image><asp:image id="Image2" style="Z-INDEX: 118; LEFT: 32px; POSITION: absolute; TOP: 192px" runat="server"  
 38 ![None.gif][] ImageUrl="/MapXTremeWebResources 6\_5/ZoomOutToolControlActive.gif"></asp:image>  
 39 ![None.gif][] <div id="Info" style="Z-INDEX: 119; LEFT: 712px; VISIBILITY: hidden; POSITION: absolute; TOP: 16px">Div&nbsp;element  
 40 ![None.gif][] to display selected feature information in html table.</div>  
 41 ![None.gif][] <mapinfowebuiwebcontrols:pantool id="PanTool1" style="Z-INDEX: 120; LEFT: 984px; POSITION: absolute; TOP: 464px"  
 42 ![None.gif][] runat="server" MapControlID="MapControl1" ClientCommand="MapCommand"></mapinfowebuiwebcontrols:pantool><mapinfowebuiwebcontrols:zoomintool id="ZoomInTool1" style="Z-INDEX: 121; LEFT: 904px; POSITION: absolute; TOP: 464px"  
 43 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:zoomintool><mapinfowebuiwebcontrols:zoomouttool id="ZoomOutTool1" style="Z-INDEX: 122; LEFT: 944px; POSITION: absolute; TOP: 464px"  
 44 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:zoomouttool><mapinfowebuiwebcontrols:centertool id="CenterTool1" style="Z-INDEX: 123; LEFT: 1024px; POSITION: absolute; TOP: 464px"  
 45 ![None.gif][] runat="server" MapControlID="MapControl1"></mapinfowebuiwebcontrols:centertool><mapinfowebuiwebcontrols:pointselectiontool id="InfoWebTool1" style="Z-INDEX: 125; LEFT: 1072px; POSITION: absolute; TOP: 464px"  
 46 ![None.gif][] runat="server" MapControlID="MapControl1" ClientInteraction="ClickInteraction" ActiveImageUrl="/MapXtremeWebResources 6\_5/InfoToolControlActive.gif" InactiveImageUrl="/MapXtremeWebResources 6\_5/InfoToolControlInActive.gif"  
 47 ![None.gif][] CursorImageUrl="/MapXtremeWebResources 6\_5/MapInfoWebInfo.cur" Command="Info" ClientCommand="InfoCommand"></mapinfowebuiwebcontrols:pointselectiontool><asp:label id="Label1" style="Z-INDEX: 107; LEFT: 72px; POSITION: absolute; TOP: 16px" runat="server"  
 48 ![None.gif][] Height="48px" Width="712px" Font-Size="X-Large" ForeColor="Navy" BorderColor="MediumTurquoise">InfoTool Web Sample </asp:label><asp:textbox id="TextBox1" style="Z-INDEX: 103; LEFT: 64px; POSITION: absolute; TOP: 64px" runat="server"  
 49 ![None.gif][] Height="8px" Width="806px" BackColor="DarkBlue"></asp:textbox><mapinfowebuiwebcontrols:rectangleselectiontool id="RectangleSelectionTool1" style="Z-INDEX: 126; LEFT: 1104px; POSITION: absolute; TOP: 464px"  
 50 ![None.gif][] runat="server" MapControlID="MapControl1" Command="RectangleSelection" ClientCommand="MapCommand" Active="True"></mapinfowebuiwebcontrols:rectangleselectiontool>  
 51 ![None.gif][] <div id="myCanvas" style="LEFT:896px;WIDTH:230px;POSITION:absolute;TOP:120px;HEIGHT:230px"><IMG src="file:///C:\\Program Files\\MapInfo\\MapXtreme\\6.5\\Samples\\Web\\Features\\InfoToolWeb\\cs\\eyemap.GIF"  
 52 ![None.gif][] height="230" width="230"></div>  
 53 ![None.gif][] <script src="drawfunction.js" type="text/javascript"></script>  
 54 ![None.gif][] <INPUT style="Z-INDEX: 128; LEFT: 896px; POSITION: absolute; TOP: 416px" type="button"  
 55 ![None.gif][] value="Button" οnclick="myDrawFunction()">  
 56 ![None.gif][] <script language="javascript" type="text/javascript">  
 57 ![None.gif][] //first time when page loads, at this point, maybe the image is already loaded, so  
 58 ![None.gif][] //alway call getZoomValue when the page loads first time.  
 59 ![None.gif][] getZoomValue();  
 60 ![None.gif][]  
 61 ![None.gif][] //hook up map image onload event with getZoomValue method.  
 62 ![None.gif][] var mapimage = document.getElementById("MapControl1\_Image");  
 63 ![None.gif][] mapimage.onload = getZoomValue;  
 64 ![None.gif][] </script>  
 65 ![None.gif][] </form>  
 66 ![None.gif][] </body>  
 67 ![None.gif][]</HTML>  
 68 ![None.gif][]

http://xiexiaokui.cnblogs.com

转载于:https://www.cnblogs.com/xiexiaokui/archive/2007/01/01/609577.html

[EP]: http://www.cnitblog.com/eastperson/
[http_www.cnitblog.com_eastperson_archive_2006_10_17_18055.aspx]: http://www.cnitblog.com/eastperson/archive/2006/10/17/18055.aspx
[None.gif]: /images/20211205/178e19ff16f149719c4ac205210e5ba8.png
[ExpandedBlockStart.gif]: http://www.cnitblog.com/Images/OutliningIndicators/ExpandedBlockStart.gif
[ContractedBlock.gif]: http://www.cnitblog.com/Images/OutliningIndicators/ContractedBlock.gif
[dot.gif]: /images/20211205/2a008071a99c44d18a4be217fd085319.png
[ExpandedSubBlockStart.gif]: http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif
[ContractedSubBlock.gif]: /images/20211205/8f5d6c3333304ef5a7e461a89e5180ca.png
[InBlock.gif]: /images/20211205/7e28013517e54bddaeffa16930bb2ede.png
[ExpandedSubBlockEnd.gif]: /images/20211205/2eb4aca42f6646a5be96050f843753c2.png
[ExpandedBlockEnd.gif]: /images/20211205/a98a6a01fb1342619c1ef32382300124.png