基于ASP.NET网络应用程序的绘图方法
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
功能 如 表 ２所 示 。 表 ２ Ｄａ Ｓｌｓｏ ｔｓｘ页 面 的 主 要 组 件 ｒｗ ａｅＰ ｉ ． ｐ ｎａ
组件名称 Ｉ Ｄ ｉ ｇＢ ｓ ｍａｅ ａｅ 类型 Ｉ ｇ Ｍａ ｍａｅ ｐ 用途 指 向绘制 的地 图
让人 一 目了然 。而在基 于网页 的应用程 序 中如何 在地 图上绘
热 区运行不 同的服务器代码 。热 区的设定 是通过 Ｈ ｔｐｔ ｏ ｏ 属性 Ｓ 来实 现的 ，热 区可 以为 ３种形 状 ： （）ＣｒｌＨ ｔｐｔ 区为 １ ｉ ｅ ｏ ｏ热 ｃ Ｓ
圆形 ；（）Ｒ ｃａｇｅ ｏｓｏ 热区为矩形 ； （）Ｐ ｌｇｎ ｔｐｔ ２ ｅｔｎｌＨ ｔｐｔ ３ ｏｙｏＨｏ ｏ Ｓ
ＣＨＥＮ ｉｎ ｉｎ ＹＥ Ｊａ ｌａ ｇ， Ｌｉ， ａ ｈ ａ， ＬＩＸｉ ｏ ｕ ＺＨＡＮＧ Ｌｉ
（ ｒ ｉ７ １９ｏ Ｌ ， ｉ ｕ ｎＤｕｉ ｇ ａ １８ ０ Ａ ｍｙＵｎｔ ８ ７ ｆ Ａ Ｓｃ ａ ｊ ｎ ｙｎ ６ １ ３ ） Ｐ ｈ ａ
Ａｂ ｔ ａ ｔ Ｔ ｉ ａ ｅ ｄ ｒ ｓ ｔｅｆｉ ｒ ｗｉ ｇ ｐ ｃｕ ｅ ｎ ａ ｍａ ｎ Ｗｅ ｐ ｌ ａｉ ｎ ． ｈ ｏ ｒ ｉ ａｅ ｄ ｃｓｏ ， ｒ ｗ ｐ ｃ ｓｒ ｃ ： ｈ ｓｐ ｐ ｒ ａ ｄ ｅ ｓ ｉ ｌ ｎ ｄ ａ ｎ ｉｔ ｒ ｓｏ ｐ ｉ ｂ ａ ｐ ｉ ｔ ｓ Ｔ ｅ ｃ ｏ ｄ ｎ ｔ ｅ ｉｉｎ ｄ ａ ｉ — ｓ ｃ ｏ ｔ ｒ ｓ ｏ ｅ ｔ ｉ ｏ ｒ ｉ ａｅ ｇ ｔｈ ｔｓ ｏ ｓ ｒ ｍｏ ｅ ｔ ｅ ｃ ｒａｎ ｐ ｃｕ ｅ ｒ ｅ ｃ ｉ ｅ ｎ ｄ ｔｉ ． ｈ ｓｐ ｐ ｒｇｖ ｓｔ ｅ ｍｅ ｈ ｄ ｕ ｅ ｎ ａ ｃ ｒ ｎ ｃ ｏ ｄ ｎ ｔ， ｅ ｏ ｐ ｔ， ｅ ｖ ｈ ｅ ｔ ｉ ｉｔ ｒ ｓａ ｅ ｄ ｓ ｒ ｄ ｉ ｅａ ｌ Ｔ ｉ ａ ｅ ｉｅ ｈ ｔ ｏ ａ ｂ ｓ
ｔｖａｕｅ＝ ” 一１ ： ． ｌ ” Ｕ．ａｌ ｖ ｕｅ＝ ” 一ｌ ： ”
下 面 的 调 用 实 例 展 示 了在 地 图 （ ｐｊｇ 的坐 标 点 （０ ， Ｍａ ． ） ｐ １０
２０ ０ ）上绘制一个星形 图案 （ ａ． ｆ。 ｓ ｒｉ ｔ ｇ）
Ｄ ａ Ｗａ ｒ ｒ （ ｓ ｒ ｉ’ ， Ｍａ ． ｇ ，” ｔ ｐ ｐ ” ， ｒｗ ｔ Ｍａｋ ” ｔ ． ｆ ” ｅ ａｇ ｐＪ ” Ｐ ｍ ．ｇ ｊ １０２ ０ ０ ， ０ ）；
．
｛ Ｆ ｌ．ｏ ｙ （ Ｆ ｌ ｍａｋ ｄ ｉ ，ｒ ｅ ｉ Ｃ ｐ ｔ ｉ ， ｒ ｅ Ｆｌ ｔ ）； ｅ ｍｐ ｅ ｅ ｕ Ｆｌ． ｅｅ （ Ｆ ｌ ｉ Ｄ ｌｔ ｔ ｉ ）： ｅ ｅ ｍｐ ｅ ） ｝
｝
ｅｌｅ ｓ
｛
ｗｉ ｄｏｗ．ｔｔ ｓ＝ ” Ｘ ＝ －１， ＝ －１” ； ｎ ｓａ ｕ Ｙ
＜ ｉ ＝ ｍｇ Ｖ” ｏ ｄ ｌｌ ｋ ”ｇ ｔ ｄｖ ｉ ”ｉ ＤＩ ｄ ｎ ｂｃｉ ＝ ｅＸＹ ＞ ｃ ０’
＜ａ ｐ： ａ ｅ ａ Ｉ ＝ ” ｉ ｇ ａ Ｂ ａ ｅ” ｒ ａ ＝” ｓ ｒ ｒ ｓ Ｉ ｇＭ ｐ Ｄ ｍ ｍ ｍ ｐ ｓ ｕｎ ｔ ｅ ｖｅ ” Ｂｏｒ ｅ Ｃｏｌ ＝” Ｔｌ ｌ ｄｒ ｏｒ ｅ ” ａ
Ｂｏ ｄ ｒ ｔ ｌ ｒ ｅ Ｓ ｙ ｅ＝ ” Ｓ ｌ ” Ｂｏ ｄ ｒ ｉ ｔ ＝ ” ２ ｘ ｏ ｃ ｉｋ ＝ ” ｏｉ ｄ ｒｅＷ ｄｈ ｐ” ｎｌ ｃ
ｉ ｇ ａ ｍ ｍ ｐＢａ ｅ Ｃｌｃ ｓ ｉ ｋ” ＞
＿
＜ ａｐＩ ｇ Ｍ ａ ＞ ／ｓ ： ｍａ ｅ ｐ ／ ｉ＞ ＜ ｄｖ
．
ｓｃｍｇＳ ｖ （ Ｆ ｌ）； ｒｌ ．ａ ｅ ｔ ｉ ｍｐ ｅ ｒ ｐ ｓ ｐ ｓ ｇ ａ ｈ ｃ． ｓ ｏ ｅ ０ ； ｉ Ｄｉ ｓｃｍｇＤｉｐ ｓ ； ｒＩ ． ｓｏ ｅ ０ ｗａｅｍａｋＤｉ ｏ ｅ （ ｔｒ ｒ ． ｓ ｓ ）； ｐ ｉ （ Ｆ ｌ． ｉｔ ｆ ｉ Ｅｘｓｓ（ｔ Ｆ ｌ） ＆＆ ｅ ｍｐ ｉ ｅ （ ｒｋ ｄ ｉ ） ｍａ ｅ Ｆ ｌ ） ｅ Ｆｌ． ｉｔ ｉ Ｅｘｓｓ ｅ
坐标点 ，在指定坐标 点上绘 图，取得 所绘图形的热点 ，将所绘 图形删 除等 方法。本文给 出了数据库 中的数据 以图形
展现方法。
关 键 词 ： 数据 库 ； Ｓ ．Ｅ 绘 图 Ａ ＰＮ Ｔ；
Ｄｒ ｗｉ ｇ Ｍ ｅ ｈ ｄ ｎ ＡＳ ＮＥＴ Ｗ ｅ ｐ ｉａ ｉ ｎ ａ ｎ ｔ ｏ ｓｉ Ｐ． ｂ Ａｐ ｌ ｔｏ ｓ ｃ
Ｅ ｐ ｙｓ ｍ ｌｅ ｏｒ
Ｘ
Ｙ
ＩＴ Ｎ
ＩＴ Ｎ
ＩＴ Ｎ
网点员工人数
横坐标
纵坐标
３１ 确定坐标点 ． 在具体 实现中 ，通过在 页面 Ｄ ａ Ｓｌｓｏ ｔ ｓｘ的地 图上 ｒ ａｅＰ ｉ ． ｐ ｗ ｎａ
点击 鼠标来 确定某点 的坐标 ，在该页 面中 的几 个主要 组件及
＋ｅ ｅ ｔ ｆｓｔ ｖ ｎ ． ｅＹ） ＝ ｔ ｅ ｏ ｒ ） ｕ
｛
ｗｉ ｏｗ．ｔｔ ｎｄ ｓａｕｓ＝ ” Ｘ ＝ ” ＋ ｅｖ ｎｔ ｆｅＸ ＋ ” ． ｅ ． ｓｔ ｏｆ
Ｙ ＝ ” ＋ ｅ ｅ ｔ ｆｓ ｔ ｖ ｎ ． ｆ ｅＹ； ｏ
ｔｖ ｌ ｅ ＝ ｅ ｎ ．ｆｓ ｔ ： ．ａ ｕ ｖｅ ｔｏ ｆ ｅＸ ｎ．ａ ｕ ＝ ｅ ｎ ．ｆ ｓ ｔ ： ｖ ｌｅ ｖｅ ｔｏ ｆ ｅＹ
Ｃ Ｒ ２） ＨＡ （０ Ｃ Ｒ１１ ＨＡ （ ０
址 ，服务器 端的海量 数据就会 以各种不 同 的方 式呈现 在用 户 眼 前。存储在 服务器数 据库 中的数 据通 常可 以用表格 的方式
（ 如公 司人员信 息表 、物 资器材表等 ） 、图形 的方式 （ 如销售 情况统 计直方 图肼 图）呈现 给用 户 ；但是 ，对于一些 特殊要 求 的应用 系统 ，前述 的表现方式 则不 能满足需 要 ，例 如 ，公 司在某 个 区域 的销售 网点 分布 。此 时 ，最 好的 表现方式 应 当 是一幅绘制有各 销售 网点的区域地 图 ，这无 疑既形象 又直 观 ，
收 稿 日期 ：２ １ － ８ １ ０ １０ — ｌ
当网点从数据库 中删除时同时删除地图上已绘制 的星形 图案 。
电脑 编 程 技 巧 与 维 护
ｉ （ｏ ｆ ｍ Ｃ 您 确定 是这个坐标 吗？ ＋”Ｘ＝ ｆ ｃｎ ｒ ｉ ”
” ＋ ｅ ｅ ｏ ｆ ｔ ＋ ”， ＝” ｖ ｎｔ ｆ ｅＸ ｓ Ｙ
ｏ ｅ ｇ ａ ｈ ｃ ｌ ｒ ｓ ｎ ａｉ ｎ ｏ ｅ ｄ ｔ ｔ ｒ ｄ ｉ ｈ ａ ａ ａ ｅ ． ｆｔ ｒｐ ｉａ ｅ ｅ ｔ ｔ ｆ ｈ ａａ ｓｏ ｅ ｎ ｔ ｅ ｄ ｔ ｂ ｓ ｓ ｈ ｐ ｏ ｔ
Ｋｅ ｒ ｓ ｙ ｗｏ ｄ ：Ｄａａ ａ ｅ； Ｐ ＮＥ ； ｒ ｗｉ ｇ ｔｂ ｓ ＡＳ ． Ｔ ｄ ａ ｎ
ＮＴ ０ ＫＡ ＤＣＭ Ｕ Ｉ Ｔ Ｎ ＥＷ Ｒ Ｎ Ｏ Ｍ ＮＣ １ Ａ０
网 络 与 通 信
基 于 Ａ ＰＮ Ｔ网络应 用程序 的绘 图方法 Ｓ ．Ｅ
陈建 良 ，叶 笠 ，李 晓华 ，章 立
（ 中国人 民解放军 ７ １９ 队 ，四川 ８ ７部 Ｉ都 江堰 ６ １３ ） １ ８０
摘 要 ： 重点研究在基 于数据库和 ＡＳ ．Ｅ ＰＮ Ｔ的 网络应 用程序 中实现在 网页的地 图上绘 图的方法 ，详 细论 述 了确定
｛
ｖ ｒｔ＝ｄ ｃ ｍｅ ｔ ｅＥ ｅ ｎＢｙ ｄ （ ａ ｏ ｕ ｎ． ｔ ｌｍｅ ｔ Ｉ ”Ｘ” ｇ ）；
应被 同时删除。公 司销售 网点表各字段如表 １ 所示 。
３ 实 现方 法
通过对 实际案例 的分 析可知 ， 实现要 求 的功能需 要完 要 成如下 环节 ： （ １ ）在 空 白地 图上确定 坐标点并 存人 数据库 ；
热 区为多边形 。本实例使用 圆形热 区，代码如下 ：
Ｃｉ ｌＨｏＳ ｏ ｐ ｎ ｗ ｒｌＨｏ Ｓ ｏ ）； ｒ ｅ ｔｐ ｔｓ ｅ Ｃｉｃｅ ｔｐ ｔ（ ｃ
ｖ ｕ ｌ ａ ｅ＝ ’ －１ ’ ” ｔ ｐｅ＝ ” ｈｉ ｅ ｙ ｄｄ ｎ”
＜ｉ ｕｔ ｄ ＝ ” Ｘ ” ｎｐ ｉ ｌｌ ｔ ａｎａ＝” ｓ ｖ ｅ ” ／ ｅｒ ｒ ＞ ＜ｉ ｕｔ ｄ＝ ” Ｙ ” ｎｐ ｉ ｒ ｎａ＝” ｓ ｒ ｅ ” ， ｕ ｔ ｅｖ ｒ ＞
１ 引言
基 于 ＢＳ的应用程序 随着 Ｉｔｒｅ 的不 断发展和普及展 示 ／ ｎｅｎｔ
了其 超 乎 基 于 ＣＳ的应 用 程 序 的 强 大 优 势 （ 平 台 、部 署 及 维 ／ 跨
字段名 Ｉ Ｄ
Ｎ Ｂｅ ａ
表 １销 售 网点 表 ｔ ＿ ａ Ｐ ｉｔ ａ Ｓ ｌ ｏｎ ｂ ｅ ｓ
图则是本文所要探讨的问题 。 通过 一个实 际的案例详 细讨论 如何将 数据库 中的数 据读 出 ，并 将它们绘 制在一 幅空 白地 图上 ，当 鼠标 移至相应 的点
时 即可获得热点 ，当数据 库 中的数 据被删 除时 ，其在地 图上
对应点上所绘制的图案也一并被删除 。
Ｘ Ｙ
ｉ ｕ ｈｄ ｅ） ｎ ｔ ｉｄｎ ｐ（ ｉｐ ｔ ｉ ｅ ） ｎｕ（ ｄ ｎ ｈｄ
（）在 坐标 点上绘制 星形 图案 ； （）设置 网点的热点 ； （） ２ ３ ４
ｖｌ ａ ｕ＝ｄ ｃ ｍｅ ｔ ｅ ｌｍｅ ｔ ｙ ｄ Ｃ Ｙ” ＂ ｏ ｕ ｎ． ｔ ｅ ｎ ｌ ）； ｇ Ｅ Ｂ
作者简介 ：陈建 良 （９ ８ ） １６ 一 ，男 ，工程师 ，研 究方 向 ：计算 机网络 、信息安全 ；叶笠 ，博士 ，高级工程师 。
存储 ｘ坐标 存储 Ｙ坐标
２ 案例分 析
公 司销 售 网点 的分布 图绘 制 。公 司相 关信息存 储在 服务
器 中，要求 当查 询销售 网点 时 ，查询 结果要 在一 张地 图上 显 示 出来 ，每个销售 网点用一个 星形 图案表示 ，当鼠标移 至某 网点时 ，立 即获得 热点 ，并 弹出该 网点详 细信息 ；当某销 售 网点在 数据库 中被删除时 ，原来在地 图上绘 制 的星形 图案 也
Ｄ ａ Ｓ ｌ Ｐｉｔ ｓｘ的 主要 代 码 如 下 ： ｒｗ ａ ｓｏｎ． ｐ ｅ ａ
＜ｔ ＞ ｈ ｍｌ
＜ｈ ａ ｅ ｄ＞
＜ｃｉｔｙ ｅ ”ｔ ｔａ ａｃｉｔ ｓｒ ｐ ＝ ｅ ／ ｖｓｒ ”＞ ｐｔ ｘｊ ｐ
ｆｎ ｔ ｎ ｇ ｔ ｕ ｃ ｏ ｅＸＹ ｉ ０
， ／ 获取地图上点坐标 的函数 ，坐标并存储于 ｘ、Ｙ中
｝ ｝
＜／ｃ ｉ ＞ ｓ ｒｐｔ
＜ｈ ａ ＞ ／ｅｄ
＜ｂｏ ＞ ｄｙ
３ 设 置 热点 ． ３
图片 地 图控件 Ｉ ｇＭ ｐ可 以在 一副 图 片 中设 置 很 多 热 ｍａｅ ａ 区 ，当用户点 击不 同热 区 的时候会有 不 同的反应 ，既可 以让 用户通 过点击热 区跳转 到不 同的 Ｕ Ｌ也可 以让用户 通过点击 Ｒ
字段类 型 ＩＴ Ｎ
Ｃ Ｒ ２） ＨＡ （０ 网点 名 称
含义 网点 Ｉ Ｄ号 ， 唯一标识该 网点 网点 电话 网点负责人
护 的便利性 ） ，在各种 网络应 用系统中大行其道。ＢＳ模式下 ， ／ ቤተ መጻሕፍቲ ባይዱ
客 户端无须 安装额外 软件 ，只需 打开浏 览器 ，输入相 应 的网
Ｔｌ ｅ Ｍａ ａｅ ｎ ｇｒ
ｓ． ＝ｘ＋１ ； ｐＸ ２／ ／ ｘ为横坐标值 ｓ． ＝Ｙ＋１ ；ｙ为纵坐标值 ｐＹ ２／ ／
ｓ ． ｄｕ ｐＲａ ｉ ｓ＝ １ ； ２ ｓ ． ｔ ｐ ｔ ｏ ｅ＝ Ｈｏ Ｓ ｏＭ ｏ ｅＰ ｓＢａ ｋ ｐＨｏ Ｓ ｏ Ｍ ｄ ｔｐ ｔ ｄ ．ｏｔ ｃ ；
组件名称 Ｉ Ｄ ｉ ｇＢ ｓ ｍａｅ ａｅ 类型 Ｉ ｇ Ｍａ ｍａｅ ｐ 用途 指 向绘制 的地 图
让人 一 目了然 。而在基 于网页 的应用程 序 中如何 在地 图上绘
热 区运行不 同的服务器代码 。热 区的设定 是通过 Ｈ ｔｐｔ ｏ ｏ 属性 Ｓ 来实 现的 ，热 区可 以为 ３种形 状 ： （）ＣｒｌＨ ｔｐｔ 区为 １ ｉ ｅ ｏ ｏ热 ｃ Ｓ
圆形 ；（）Ｒ ｃａｇｅ ｏｓｏ 热区为矩形 ； （）Ｐ ｌｇｎ ｔｐｔ ２ ｅｔｎｌＨ ｔｐｔ ３ ｏｙｏＨｏ ｏ Ｓ
ＣＨＥＮ ｉｎ ｉｎ ＹＥ Ｊａ ｌａ ｇ， Ｌｉ， ａ ｈ ａ， ＬＩＸｉ ｏ ｕ ＺＨＡＮＧ Ｌｉ
（ ｒ ｉ７ １９ｏ Ｌ ， ｉ ｕ ｎＤｕｉ ｇ ａ １８ ０ Ａ ｍｙＵｎｔ ８ ７ ｆ Ａ Ｓｃ ａ ｊ ｎ ｙｎ ６ １ ３ ） Ｐ ｈ ａ
Ａｂ ｔ ａ ｔ Ｔ ｉ ａ ｅ ｄ ｒ ｓ ｔｅｆｉ ｒ ｗｉ ｇ ｐ ｃｕ ｅ ｎ ａ ｍａ ｎ Ｗｅ ｐ ｌ ａｉ ｎ ． ｈ ｏ ｒ ｉ ａｅ ｄ ｃｓｏ ， ｒ ｗ ｐ ｃ ｓｒ ｃ ： ｈ ｓｐ ｐ ｒ ａ ｄ ｅ ｓ ｉ ｌ ｎ ｄ ａ ｎ ｉｔ ｒ ｓｏ ｐ ｉ ｂ ａ ｐ ｉ ｔ ｓ Ｔ ｅ ｃ ｏ ｄ ｎ ｔ ｅ ｉｉｎ ｄ ａ ｉ — ｓ ｃ ｏ ｔ ｒ ｓ ｏ ｅ ｔ ｉ ｏ ｒ ｉ ａｅ ｇ ｔｈ ｔｓ ｏ ｓ ｒ ｍｏ ｅ ｔ ｅ ｃ ｒａｎ ｐ ｃｕ ｅ ｒ ｅ ｃ ｉ ｅ ｎ ｄ ｔｉ ． ｈ ｓｐ ｐ ｒｇｖ ｓｔ ｅ ｍｅ ｈ ｄ ｕ ｅ ｎ ａ ｃ ｒ ｎ ｃ ｏ ｄ ｎ ｔ， ｅ ｏ ｐ ｔ， ｅ ｖ ｈ ｅ ｔ ｉ ｉｔ ｒ ｓａ ｅ ｄ ｓ ｒ ｄ ｉ ｅａ ｌ Ｔ ｉ ａ ｅ ｉｅ ｈ ｔ ｏ ａ ｂ ｓ
ｔｖａｕｅ＝ ” 一１ ： ． ｌ ” Ｕ．ａｌ ｖ ｕｅ＝ ” 一ｌ ： ”
下 面 的 调 用 实 例 展 示 了在 地 图 （ ｐｊｇ 的坐 标 点 （０ ， Ｍａ ． ） ｐ １０
２０ ０ ）上绘制一个星形 图案 （ ａ． ｆ。 ｓ ｒｉ ｔ ｇ）
Ｄ ａ Ｗａ ｒ ｒ （ ｓ ｒ ｉ’ ， Ｍａ ． ｇ ，” ｔ ｐ ｐ ” ， ｒｗ ｔ Ｍａｋ ” ｔ ． ｆ ” ｅ ａｇ ｐＪ ” Ｐ ｍ ．ｇ ｊ １０２ ０ ０ ， ０ ）；
．
｛ Ｆ ｌ．ｏ ｙ （ Ｆ ｌ ｍａｋ ｄ ｉ ，ｒ ｅ ｉ Ｃ ｐ ｔ ｉ ， ｒ ｅ Ｆｌ ｔ ）； ｅ ｍｐ ｅ ｅ ｕ Ｆｌ． ｅｅ （ Ｆ ｌ ｉ Ｄ ｌｔ ｔ ｉ ）： ｅ ｅ ｍｐ ｅ ） ｝
｝
ｅｌｅ ｓ
｛
ｗｉ ｄｏｗ．ｔｔ ｓ＝ ” Ｘ ＝ －１， ＝ －１” ； ｎ ｓａ ｕ Ｙ
＜ ｉ ＝ ｍｇ Ｖ” ｏ ｄ ｌｌ ｋ ”ｇ ｔ ｄｖ ｉ ”ｉ ＤＩ ｄ ｎ ｂｃｉ ＝ ｅＸＹ ＞ ｃ ０’
＜ａ ｐ： ａ ｅ ａ Ｉ ＝ ” ｉ ｇ ａ Ｂ ａ ｅ” ｒ ａ ＝” ｓ ｒ ｒ ｓ Ｉ ｇＭ ｐ Ｄ ｍ ｍ ｍ ｐ ｓ ｕｎ ｔ ｅ ｖｅ ” Ｂｏｒ ｅ Ｃｏｌ ＝” Ｔｌ ｌ ｄｒ ｏｒ ｅ ” ａ
Ｂｏ ｄ ｒ ｔ ｌ ｒ ｅ Ｓ ｙ ｅ＝ ” Ｓ ｌ ” Ｂｏ ｄ ｒ ｉ ｔ ＝ ” ２ ｘ ｏ ｃ ｉｋ ＝ ” ｏｉ ｄ ｒｅＷ ｄｈ ｐ” ｎｌ ｃ
ｉ ｇ ａ ｍ ｍ ｐＢａ ｅ Ｃｌｃ ｓ ｉ ｋ” ＞
＿
＜ ａｐＩ ｇ Ｍ ａ ＞ ／ｓ ： ｍａ ｅ ｐ ／ ｉ＞ ＜ ｄｖ
．
ｓｃｍｇＳ ｖ （ Ｆ ｌ）； ｒｌ ．ａ ｅ ｔ ｉ ｍｐ ｅ ｒ ｐ ｓ ｐ ｓ ｇ ａ ｈ ｃ． ｓ ｏ ｅ ０ ； ｉ Ｄｉ ｓｃｍｇＤｉｐ ｓ ； ｒＩ ． ｓｏ ｅ ０ ｗａｅｍａｋＤｉ ｏ ｅ （ ｔｒ ｒ ． ｓ ｓ ）； ｐ ｉ （ Ｆ ｌ． ｉｔ ｆ ｉ Ｅｘｓｓ（ｔ Ｆ ｌ） ＆＆ ｅ ｍｐ ｉ ｅ （ ｒｋ ｄ ｉ ） ｍａ ｅ Ｆ ｌ ） ｅ Ｆｌ． ｉｔ ｉ Ｅｘｓｓ ｅ
坐标点 ，在指定坐标 点上绘 图，取得 所绘图形的热点 ，将所绘 图形删 除等 方法。本文给 出了数据库 中的数据 以图形
展现方法。
关 键 词 ： 数据 库 ； Ｓ ．Ｅ 绘 图 Ａ ＰＮ Ｔ；
Ｄｒ ｗｉ ｇ Ｍ ｅ ｈ ｄ ｎ ＡＳ ＮＥＴ Ｗ ｅ ｐ ｉａ ｉ ｎ ａ ｎ ｔ ｏ ｓｉ Ｐ． ｂ Ａｐ ｌ ｔｏ ｓ ｃ
Ｅ ｐ ｙｓ ｍ ｌｅ ｏｒ
Ｘ
Ｙ
ＩＴ Ｎ
ＩＴ Ｎ
ＩＴ Ｎ
网点员工人数
横坐标
纵坐标
３１ 确定坐标点 ． 在具体 实现中 ，通过在 页面 Ｄ ａ Ｓｌｓｏ ｔ ｓｘ的地 图上 ｒ ａｅＰ ｉ ． ｐ ｗ ｎａ
点击 鼠标来 确定某点 的坐标 ，在该页 面中 的几 个主要 组件及
＋ｅ ｅ ｔ ｆｓｔ ｖ ｎ ． ｅＹ） ＝ ｔ ｅ ｏ ｒ ） ｕ
｛
ｗｉ ｏｗ．ｔｔ ｎｄ ｓａｕｓ＝ ” Ｘ ＝ ” ＋ ｅｖ ｎｔ ｆｅＸ ＋ ” ． ｅ ． ｓｔ ｏｆ
Ｙ ＝ ” ＋ ｅ ｅ ｔ ｆｓ ｔ ｖ ｎ ． ｆ ｅＹ； ｏ
ｔｖ ｌ ｅ ＝ ｅ ｎ ．ｆｓ ｔ ： ．ａ ｕ ｖｅ ｔｏ ｆ ｅＸ ｎ．ａ ｕ ＝ ｅ ｎ ．ｆ ｓ ｔ ： ｖ ｌｅ ｖｅ ｔｏ ｆ ｅＹ
Ｃ Ｒ ２） ＨＡ （０ Ｃ Ｒ１１ ＨＡ （ ０
址 ，服务器 端的海量 数据就会 以各种不 同 的方 式呈现 在用 户 眼 前。存储在 服务器数 据库 中的数 据通 常可 以用表格 的方式
（ 如公 司人员信 息表 、物 资器材表等 ） 、图形 的方式 （ 如销售 情况统 计直方 图肼 图）呈现 给用 户 ；但是 ，对于一些 特殊要 求 的应用 系统 ，前述 的表现方式 则不 能满足需 要 ，例 如 ，公 司在某 个 区域 的销售 网点 分布 。此 时 ，最 好的 表现方式 应 当 是一幅绘制有各 销售 网点的区域地 图 ，这无 疑既形象 又直 观 ，
收 稿 日期 ：２ １ － ８ １ ０ １０ — ｌ
当网点从数据库 中删除时同时删除地图上已绘制 的星形 图案 。
电脑 编 程 技 巧 与 维 护
ｉ （ｏ ｆ ｍ Ｃ 您 确定 是这个坐标 吗？ ＋”Ｘ＝ ｆ ｃｎ ｒ ｉ ”
” ＋ ｅ ｅ ｏ ｆ ｔ ＋ ”， ＝” ｖ ｎｔ ｆ ｅＸ ｓ Ｙ
ｏ ｅ ｇ ａ ｈ ｃ ｌ ｒ ｓ ｎ ａｉ ｎ ｏ ｅ ｄ ｔ ｔ ｒ ｄ ｉ ｈ ａ ａ ａ ｅ ． ｆｔ ｒｐ ｉａ ｅ ｅ ｔ ｔ ｆ ｈ ａａ ｓｏ ｅ ｎ ｔ ｅ ｄ ｔ ｂ ｓ ｓ ｈ ｐ ｏ ｔ
Ｋｅ ｒ ｓ ｙ ｗｏ ｄ ：Ｄａａ ａ ｅ； Ｐ ＮＥ ； ｒ ｗｉ ｇ ｔｂ ｓ ＡＳ ． Ｔ ｄ ａ ｎ
ＮＴ ０ ＫＡ ＤＣＭ Ｕ Ｉ Ｔ Ｎ ＥＷ Ｒ Ｎ Ｏ Ｍ ＮＣ １ Ａ０
网 络 与 通 信
基 于 Ａ ＰＮ Ｔ网络应 用程序 的绘 图方法 Ｓ ．Ｅ
陈建 良 ，叶 笠 ，李 晓华 ，章 立
（ 中国人 民解放军 ７ １９ 队 ，四川 ８ ７部 Ｉ都 江堰 ６ １３ ） １ ８０
摘 要 ： 重点研究在基 于数据库和 ＡＳ ．Ｅ ＰＮ Ｔ的 网络应 用程序 中实现在 网页的地 图上绘 图的方法 ，详 细论 述 了确定
｛
ｖ ｒｔ＝ｄ ｃ ｍｅ ｔ ｅＥ ｅ ｎＢｙ ｄ （ ａ ｏ ｕ ｎ． ｔ ｌｍｅ ｔ Ｉ ”Ｘ” ｇ ）；
应被 同时删除。公 司销售 网点表各字段如表 １ 所示 。
３ 实 现方 法
通过对 实际案例 的分 析可知 ， 实现要 求 的功能需 要完 要 成如下 环节 ： （ １ ）在 空 白地 图上确定 坐标点并 存人 数据库 ；
热 区为多边形 。本实例使用 圆形热 区，代码如下 ：
Ｃｉ ｌＨｏＳ ｏ ｐ ｎ ｗ ｒｌＨｏ Ｓ ｏ ）； ｒ ｅ ｔｐ ｔｓ ｅ Ｃｉｃｅ ｔｐ ｔ（ ｃ
ｖ ｕ ｌ ａ ｅ＝ ’ －１ ’ ” ｔ ｐｅ＝ ” ｈｉ ｅ ｙ ｄｄ ｎ”
＜ｉ ｕｔ ｄ ＝ ” Ｘ ” ｎｐ ｉ ｌｌ ｔ ａｎａ＝” ｓ ｖ ｅ ” ／ ｅｒ ｒ ＞ ＜ｉ ｕｔ ｄ＝ ” Ｙ ” ｎｐ ｉ ｒ ｎａ＝” ｓ ｒ ｅ ” ， ｕ ｔ ｅｖ ｒ ＞
１ 引言
基 于 ＢＳ的应用程序 随着 Ｉｔｒｅ 的不 断发展和普及展 示 ／ ｎｅｎｔ
了其 超 乎 基 于 ＣＳ的应 用 程 序 的 强 大 优 势 （ 平 台 、部 署 及 维 ／ 跨
字段名 Ｉ Ｄ
Ｎ Ｂｅ ａ
表 １销 售 网点 表 ｔ ＿ ａ Ｐ ｉｔ ａ Ｓ ｌ ｏｎ ｂ ｅ ｓ
图则是本文所要探讨的问题 。 通过 一个实 际的案例详 细讨论 如何将 数据库 中的数 据读 出 ，并 将它们绘 制在一 幅空 白地 图上 ，当 鼠标 移至相应 的点
时 即可获得热点 ，当数据 库 中的数 据被删 除时 ，其在地 图上
对应点上所绘制的图案也一并被删除 。
Ｘ Ｙ
ｉ ｕ ｈｄ ｅ） ｎ ｔ ｉｄｎ ｐ（ ｉｐ ｔ ｉ ｅ ） ｎｕ（ ｄ ｎ ｈｄ
（）在 坐标 点上绘制 星形 图案 ； （）设置 网点的热点 ； （） ２ ３ ４
ｖｌ ａ ｕ＝ｄ ｃ ｍｅ ｔ ｅ ｌｍｅ ｔ ｙ ｄ Ｃ Ｙ” ＂ ｏ ｕ ｎ． ｔ ｅ ｎ ｌ ）； ｇ Ｅ Ｂ
作者简介 ：陈建 良 （９ ８ ） １６ 一 ，男 ，工程师 ，研 究方 向 ：计算 机网络 、信息安全 ；叶笠 ，博士 ，高级工程师 。
存储 ｘ坐标 存储 Ｙ坐标
２ 案例分 析
公 司销 售 网点 的分布 图绘 制 。公 司相 关信息存 储在 服务
器 中，要求 当查 询销售 网点 时 ，查询 结果要 在一 张地 图上 显 示 出来 ，每个销售 网点用一个 星形 图案表示 ，当鼠标移 至某 网点时 ，立 即获得 热点 ，并 弹出该 网点详 细信息 ；当某销 售 网点在 数据库 中被删除时 ，原来在地 图上绘 制 的星形 图案 也
Ｄ ａ Ｓ ｌ Ｐｉｔ ｓｘ的 主要 代 码 如 下 ： ｒｗ ａ ｓｏｎ． ｐ ｅ ａ
＜ｔ ＞ ｈ ｍｌ
＜ｈ ａ ｅ ｄ＞
＜ｃｉｔｙ ｅ ”ｔ ｔａ ａｃｉｔ ｓｒ ｐ ＝ ｅ ／ ｖｓｒ ”＞ ｐｔ ｘｊ ｐ
ｆｎ ｔ ｎ ｇ ｔ ｕ ｃ ｏ ｅＸＹ ｉ ０
， ／ 获取地图上点坐标 的函数 ，坐标并存储于 ｘ、Ｙ中
｝ ｝
＜／ｃ ｉ ＞ ｓ ｒｐｔ
＜ｈ ａ ＞ ／ｅｄ
＜ｂｏ ＞ ｄｙ
３ 设 置 热点 ． ３
图片 地 图控件 Ｉ ｇＭ ｐ可 以在 一副 图 片 中设 置 很 多 热 ｍａｅ ａ 区 ，当用户点 击不 同热 区 的时候会有 不 同的反应 ，既可 以让 用户通 过点击热 区跳转 到不 同的 Ｕ Ｌ也可 以让用户 通过点击 Ｒ
字段类 型 ＩＴ Ｎ
Ｃ Ｒ ２） ＨＡ （０ 网点 名 称
含义 网点 Ｉ Ｄ号 ， 唯一标识该 网点 网点 电话 网点负责人
护 的便利性 ） ，在各种 网络应 用系统中大行其道。ＢＳ模式下 ， ／ ቤተ መጻሕፍቲ ባይዱ
客 户端无须 安装额外 软件 ，只需 打开浏 览器 ，输入相 应 的网
Ｔｌ ｅ Ｍａ ａｅ ｎ ｇｒ
ｓ． ＝ｘ＋１ ； ｐＸ ２／ ／ ｘ为横坐标值 ｓ． ＝Ｙ＋１ ；ｙ为纵坐标值 ｐＹ ２／ ／
ｓ ． ｄｕ ｐＲａ ｉ ｓ＝ １ ； ２ ｓ ． ｔ ｐ ｔ ｏ ｅ＝ Ｈｏ Ｓ ｏＭ ｏ ｅＰ ｓＢａ ｋ ｐＨｏ Ｓ ｏ Ｍ ｄ ｔｐ ｔ ｄ ．ｏｔ ｃ ；