`

MapXtreme 2005 鹰眼源代码

WebUISecurityXHTMLF# 
阅读更多
研究了一段时间的MapXtreme2005 v6.6， 实现了个简单的鹰眼，放出来与大家分享，转载请注明出处。设计思路为设置两个MapControl ，map1和map2，map1为主地图，map2为索引图，将map1.Bounds的矩形在map2上转换为System.Drawing.Rectangle，之后将这个Rectangle的左上坐标和width，height传到客户端，应用JS在客户端绘图。 同理移动客户端索引图上的Rectangle，则将Rectangle的中心坐标传回转换后设置map1的中心坐标。
一、打开VS2005新建一个网站，选择“MapXtreme 6.6 Web Application”模板（当然也可以建一个空模板，然后自己拖控件，配置web..config）；
二、把界面的上MapControl1命名为MainMap，MapAlias为Map1，再拖一个MapContol到界面上（自己排版），命名为IndexMap（作为导航地图）,MapAlias为Map2；
三、下面为源码：
      MapForm.aspx
复制内容到剪贴板
代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MapForm.aspx.cs" Inherits="IndexMap.IndexPage" %>
<%@ Register Assembly="MapInfo.WebControls, Version=4.0.0.428, Culture=neutral, PublicKeyToken=0a9556cc66c0af57"
Namespace="MapInfo.WebControls" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" language="JavaScript">...
var currentMoveObj = null;
var relLeft;
var relTop;
function f_mdown(obj)
{
currentMoveObj = obj;
currentMoveObj.style.position = "absolute";
relLeft = event.x - currentMoveObj.style.pixelLeft;
relTop = event.y - currentMoveObj.style.pixelTop;
}
window.document.onmouseup = function()
{
currentMoveObj = null;
}
window.document.onmousemove=function()
{
if(currentMoveObj != null)
{
currentMoveObj.style.pixelLeft=event.x-relLeft;
currentMoveObj.style.pixelTop=event.y-relTop;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<script type="text/javascript" src="js/JScript.js"></script>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<img src="images/mi_logo.gif" alt="MapInfo" /></td>
<td background="images/header_bg.gif" width="100%">
<img src="images/header_bg.gif" alt="" /></td>
<td>
<img src="images/mapxtreme_logo.gif" alt="MapXtreme" /></td>
</tr>
</table>

<table style="position:absolute;left: 10px; top: 90px;" border="1" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 200px">
<table>
<tr>
<td style="width: 200px; height: 200px;">
<cc1:MapControl ID="IndexMap" runat="server" Height="200px" Width="200px" MapAlias="Map2" />
</td>
</tr>
<tr>
<td style="width: 200px; height: 400px;"></td>
</tr>
</table>
</td>
<td style="display:block;position:relative; width: 597px;">
<cc1:MapControl ID="MainMap" runat="server" Height="600px" Width="600px" MapAlias="Map1"/></td><td></td></tr>
<tr><td style="width: 143px"></td><td style="width: 597px">
<cc1:ZoomInTool ID="ZoomInTool1" runat="server" MapControlID="MainMap" />
<cc1:ZoomOutTool ID="ZoomOutTool1" runat="server" MapControlID="MainMap" />
<cc1anTool ID="anTool1" runat="server" MapControlID="MainMap" />
</td><td></td></tr>
</table>
<div id = "indexDiv" style="position:absolute;left:14px;top:94px;height:200px;width:200px;background:transparent;"></div>
<script language="javascript" type="text/javascript">
function bindevent()
{
var mapimage = document.getElementById("MainMap_Image");
mapimage.attachEvent('onload', getZoomValue);
}
bindevent();
</script>
</form>
</body>
</html>

MapForm.cs
复制内容到剪贴板
代码:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using MapInfo.WebControls;
using ApplicationStateManager;

namespace IndexMap
{
public partial class IndexPage : System.Web.UI.Page
{
private void Page_Load(object sender, System.EventArgs e)
{
// If the StateManager doesn't exist in the session put it else get it.
if (StateManager.GetStateManagerFromSession() == null)
StateManager.PutStateManagerInSession(new AppStateManager());
if (!IsPostBack)
{
MapControlModel model = MapControlModel.SetDefaultModelInSession();
model.Commands.Add(new IndexMap.ZoomValue());
model.Commands.Add(new IndexMap.MoveMainMap());
}
// Now Restore State
StateManager.GetStateManagerFromSession().ParamsDictionary[StateManager.ActiveMapAliasKey] = MainMap.MapAlias;
StateManager.GetStateManagerFromSession().RestoreState();
}

// At the time of unloading the page, save the state
private void Page_UnLoad(object sender, System.EventArgs e)
{
StateManager.GetStateManagerFromSession().SaveState();
}

protected MapInfo.Mapping.Map GetMapObj(string mapAlias)
{
MapInfo.Mapping.Map myMap = MapInfo.Engine.Session.Current.MapFactory[mapAlias];
if(myMap == null)
{
myMap = MapInfo.Engine.Session.Current.MapFactory[0];
}
return myMap;
}
}
}

CustomerCommand.cs
复制内容到剪贴板
代码:
using System;
using System.Data;
using System.IO;
using System.Drawing;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using MapInfo.Web;
using MapInfo.WebControls;
using MapInfo.Data;
using MapInfo.Geometry;

namespace IndexMap
{
[Serializable]
public class ZoomValue : MapInfo.WebControls.MapBaseCommand
{
public ZoomValue()
{
Name = "ZoomValue";
}

public override void Process()
{
MapControlModel model = MapControlModel.GetModelFromSession();
MapInfo.Mapping.Map map1 = model.GetMapObj("Map1");
MapInfo.Mapping.Map map2 = model.GetMapObj("Map2");
System.Drawing.Rectangle rectNew;
map2.DisplayTransform.ToDisplay(map1.Bounds, out rectNew);
HttpContext.Current.Response.Output.Write(rectNew.X + "," + rectNew.Y + "," + rectNew.Height + "," + rectNew.Width);
}
}

[Serializable]
public class MoveMainMap : MapInfo.WebControls.MapBaseCommand
{
public MoveMainMap()
{
Name = "MoveMainMap";
}

public override void Process()
{
int x = System.Convert.ToInt32(HttpContext.Current.Request["CenterX"]);
int y = System.Convert.ToInt32(HttpContext.Current.Request["CenterY"]);

MapControlModel model = MapControlModel.GetModelFromSession();
MapInfo.Mapping.Map map1 = model.GetMapObj("Map1");
MapInfo.Mapping.Map map2 = model.GetMapObj("Map2");

System.Drawing.Point spoint = new System.Drawing.Point(x,y);
MapInfo.Geometry.DPoint point;
map2.DisplayTransform.FromDisplay(spoint, out point);

map1.Center = point;
MemoryStream ms = model.GetMap(MapAlias, MapWidth, MapHeight, ExportFormat);
StreamImageToClient(ms);
}
}
}

JScript.js

复制内容到剪贴板
代码:

// JScript 文件
function getZoomValue()
{
    var MapImage = document.getElementById("MainMap_Image");
    var url = "MapController.ashx?Command=ZoomValue&Width=" + MapImage.width + "&height=" + MapImage.height + "&ExportFormat=" + MapImage.exportFormat + "&Ran=" + Math.random();
    if(MapImage.mapAlias)
        url += "&MapAlias" + MapImage.mapAlias;
    var xmlHttp = CreateXMLHttp();
    xmlHttp.open("GET",url,false);
    xmlHttp.send(null);
    var result = xmlHttp.responseText;
    var htmlContent = new Array();
    htmlContent = result.split(',');
    var div = document.getElementById("indexDiv");
    var left = 1*htmlContent[0] ;
    var top = 1*htmlContent[1] ;
    var height = 1*htmlContent[2] ;
    var width = 1*htmlContent[3] ;
    if (left < 0) left = 0;
    if (top < 0) top = 0;
    if (width > 200) width = 200;
    if (height > 200) height = 200;
    div.innerHTML="<div id = 'indexRect' style='border:3px solid  red;position:absolute;left:" + left + ";top:" + top +";height:" + height +"px;width:"+ width +"px;cursor:move' onmousedown='f_mdown(this)' onmouseup='MoveMainMap()'></div>";
}
function MoveMainMap()
{
    var mapImage = document.getElementById("MainMap_Image");
    var indexRect = document.getElementById("indexRect");
    var w = indexRect.clientWidth /2;
    var h = indexRect.clientHeight /2;
    var x = parseInt((parseInt(indexRect.style.left) + w));
    var y = parseInt((parseInt(indexRect.style.top) + h));
    var url = "MapController.ashx?Command=MoveMainMap&Width=" + mapImage.width +
                    "&Height=" + mapImage.height +
                    "&ExportFormat=" + mapImage.exportFormat + "&Ran=" + Math.random();
    url += "&CenterX=" + x;
    url += "&CenterY=" + y;       
    if (mapImage.mapAlias)
        url +=  "&MapAlias=" + mapImage.mapAlias;
   
    var xmlHttp = CreateXMLHttp();
    xmlHttp.open("GET", url, false);
    xmlHttp.send(null);
    try {
    mapImage.src = url;
    } catch(e){ alert("ll"); }
}


注意在配置文件中，要加载2个工作空间。
如下：
<add key="MapInfo.Engine.Session.Workspace" value="D:\test\web\china.mws;D:\test\web\china.mws" />
分享到：
| 实现手动画线
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    mapxtreme鹰眼

    压缩包中的"培训(自定义工具&鹰眼）"可能包含了详细的教程文档、示例代码和演示应用程序，这些都是学习如何在MapXtreme中实现自定义工具和鹰眼功能的重要资源。通过这些资料，开发者可以了解到具体的编程接口、配置...

    mapxtreme2005 鹰眼、测距、测面积的Demo

    “prjTest”这个文件可能是项目测试文件，可能包含了实现这些功能的源代码、配置文件或是测试数据。通过分析和运行这个文件，开发者可以深入理解MapXtreme 2005如何处理地图数据、响应用户交互，并实现这些高级功能...

    基于Mapxtreme 2004的鹰眼控件及使用实例(源程序)

    - "WindowsApplication2"可能是包含鹰眼控件使用示例的Windows应用程序源代码。 - 开发者可以研究这个源代码，了解如何在自定义的应用程序中添加、初始化和控制鹰眼控件。 - 通常，这涉及到设置控件的位置、大小...

    mapxtreme2005-map-demo.rar_DEMO_map_mapxtreme2005_webgis_面积

    "prjTest"可能是项目文件，里面可能包含了源代码和必要的配置文件，供用户学习和调试。 总的来说，MapXtreme 2005 的这个演示程序是一个宝贵的学习资源，它不仅展示了 WebGIS 的基本操作，也为进一步的开发工作提供...

    GIS－开发例程、源代码、MapXtreme、Mapinfo等

    例如，通过学习MapXtreme的源代码，开发者可以了解如何实现地图的加载、图层控制、对象选择、空间查询、地图投影转换等功能。这些示例代码通常涵盖地图的显示、图元的动态创建、地理坐标转换、数据交互等核心技术。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics