在B/S框架下，MapXtreme都是基于图片的，也就是说在客户端显示的地图实际上都是一张图片。

地图控件

<cc1:MapControl ID="MapControl1" runat="server" Width="" Height=""/>
在调试模式下，编译后的地图控件

<span id="MapControl1" style="display:inline-block;height:600px;width:800px;"><img width="800px" height="600px" alt=""
 src="MapController.ashx?Command=GetMap&amp;Width=800&amp;Height=600&amp;ExportFormat=WindowsPng&amp;Ran=0.00238378299511214"
 id="MapControl1_Image" /><script language="javascript" type="text/javascript">

    var MapControl1Me = document.getElementById('MapControl1_Image');

    MapControl1Me.mapAlias= '';

    MapControl1Me.exportFormat= 'WindowsPng';

编译后的地图控件分为三部分：<span><img><script>。通过编译后的控件我们就很清楚接下来该如何进行设置。

<%--地图大小随窗体大小改变--%>

    <script type="text/javascript">

        //窗体大小发生改变时触发该事件

        window.onresize = ChangeMapSize;

        //设置地图大小

        function ChangeMapSize()

        {

            var winWidth,winHeight;

            //获取窗口宽度

             if (window.innerWidth)

                   winWidth = window.innerWidth;

             else if ((document.body) && (document.body.clientWidth))

                   winWidth = document.body.clientWidth;

             //获取窗口高度

             if (window.innerHeight)

                   winHeight = window.innerHeight;

             else if ((document.body) && (document.body.clientHeight))

                   winHeight = document.body.clientHeight;

             //通过深入Document内部对body进行检测，获取窗口大小

             if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)

             {

                 winHeight = document.documentElement.clientHeight;

                 winWidth = document.documentElement.clientWidth;

             }

            var mapImage = document.getElementById("MapControl1_Image");

            if(mapImage != null)

            {

                //第一步设置<img>控件的大小

                mapImage.width = winWidth;

                mapImage.height = winHeight;  

                //第二部设置图片的大小

                //对MapXtreme的Web应用稍微有些了解的应该清楚

                //客户端实际上是通过下面的浏览器从服务器获取图片的

                //以下的相关参数例如width和height是用来设置图片大小的

                var url = "MapController.ashx?Command=GetMap" + "&Width=" + winWidth + "&Height=" + winHeight +

    "&ExportFormat=" + mapImage.exportFormat + "&includeBorder=false&Ran=" + Math.random();

                mapImage.src = url;

            }

            //第三步设置<span>控件大小

            var mapControl = document.getElementById("MapControl1");

            if(mapControl != null)

            {

                mapControl.style.width = mapImage.width + 'px';

                mapControl.style.height = mapImage.height + 'px';

            }

        }

   </script>

可根据需要考虑是否在添加<body onload="ChangeMapSize();">。

MapXtrem + Asp.net 地图随窗体改变大小的更多相关文章

  1. Qt 无边框窗体改变大小 完美实现（全部自己实现）

    近期,做项目用到无边框窗体,令人蛋疼的是无边框窗体大小的改变要像右边框那样,上下左右四周,而且要流畅. 网上也找了些代码,发现居然还要连接到windows事件,这显然不合常理,后来自己新建了demo, ...

  2. Qt 无边框窗体改变大小 完美实现

    近期,做项目用到无边框窗体,令人蛋疼的是无边框窗体大小的改变要像右边框那样,上下左右四周,而且要流畅. 网上也找了些代码,发现居然还要连接到windows事件,这显然不合常理,后来自己新建了demo, ...

  3. C#控件根据窗体改变大小

    using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using Sy ...

  4. winform无边框窗体更改大小

    实现方式一: const int HTLEFT = 10; const int HTRIGHT = 11; const int HTTOP = 12; const int HTTOPLEFT = 13 ...

  5. C#手动改变自制窗体的大小

    Form1.cs using System;using System.Collections.Generic;using System.ComponentModel;using System.Data ...

  6. C# 无边框窗体移动和改变大小的实现

    自己给软件做的皮肤,将窗体设为无边框后,想要其具有正常窗体的移动和改变大小功能,以下代 码可以实现.... //需添加using System.Runtime.InteropServices; [Dl ...

  7. WPF 窗体中的 Canvas 限定范围拖动 鼠标滚轴改变大小

    xaml代码: <Canvas Name="movBg"> <Canvas.Background> <LinearGradientBrush EndP ...

  8. 黄聪：C#图像处理(各种旋转、改变大小、柔化、锐化、雾化、底片、浮雕、黑白、滤镜效果) （转）

    一.各种旋转.改变大小 注意:先要添加画图相关的using引用. //向右旋转图像90°代码如下:private void Form1_Paint(object sender, System.Wind ...

  9. C# (GDI+相关) 图像处理(各种旋转、改变大小、柔化、锐化、雾化、底片、浮雕、黑白、滤镜效果) (转)

    C#图像处理   (各种旋转.改变大小.柔化.锐化.雾化.底片.浮雕.黑白.滤镜效果)     一.各种旋转.改变大小   注意:先要添加画图相关的using引用.   //向右旋转图像90°代码如下 ...

随机推荐

  1. 在Mac OS X 10.8中配置Apache＋PHP＋MySQL

    在Mac OS X 10.8中配置Apache+PHP+MySQL的内容包括: 配置Apache 配置PHP 安装MySQL 配置PHPAdmin 设置数据库默认字符集 一. 配置Apache 1. ...

  2. MVC5控制器、路由、返回类型、选择器、过滤器

    ASP.NET MVC5 学习笔记-1 控制器.路由.返回类型.选择器.过滤器   [TOC] 1. Action 1.1 新建项目 新建项目->Web->Asp.net Web应用程序, ...

  3. C#中如何获取系统环境变量

    原文:C#中如何获取系统环境变量 C#中获取系统环境变量需要用到Environment Class.其中提供了有关当前环境和平台的信息以及操作它们的方法.该类不能被继承. 以下代码得到%systemd ...

  4. php中ssl开发的若干问题

    最近利用php开发ssl的相关功能,由于第一次做相关的事情,遇到了很多问题,庆幸的是最终都顺利解决了.不过相关的资料很少,都是综合了国内外的相关信息才解决的.现在整理一下,方便后来者遇到问题时解决. ...

  5. codeforces #262 DIV2 C称号Present（二分法+贪婪）

    职务地址:http://codeforces.com/contest/460/problem/C 这个题是用二分枚举最小值.然后推断是否能在规定的次数内使得全部的数都达到这个值.推断的时候要用贪心的方 ...

  6. Asterisk 未来之路3.0_0002

    原文:Asterisk 未来之路3.0_0002 伟大的变化需要可扩展性技术 每一个现有的PBX都因为其自身的缺点变的糟糕,不管其功能如何丰富,总有一些东西会漏掉.具备非常完全功能的PBX 也不能预见 ...

  7. 【SSRS】入门篇(七) -- 报表发布

    原文:[SSRS]入门篇(七) -- 报表发布 完成[SSRS]入门篇(六) -- 分组和总计后,第一份简单的报表就已完成了,下面把报表发布到报表服务器上. (实际情况下,报表展示给用户未必是用报表服 ...

  8. Windows 下安装 Oracle 12c 教程

    原文 Windows 下安装 Oracle 12c 教程 申明:本文原作者:Jmq   本文给大家带来的是 Oracle 12C 的安装教程. 1.准备 1.1 下载 Oracle 12c 安装程序 ...

  9. 【转】android动画之Tween动画 (渐变、缩放、位移、旋转)

    原文:http://blog.csdn.net/feng88724/article/details/6318430 Android 平台提供了两类动画. 一类是Tween动画,就是对场景里的对象不断的 ...

  10. Linux Shell 示例精解(第七章 gawk编程）转载

    第七章 gawk功能:gawk编程 7.1.1 数字和字符串常量     初始化和类型强制  在awk中,变量不需要定义就可以直接使用,使用一个变量就是对变量的定义.变量的类型可以试数字.字符串,或者 ...