基于WebGIS 的奥运会体育场馆电子地图的设计与实现

赵阳

（陕西国际商贸学院 体育教研室，陕西 咸阳712046）

基于WebGIS 的奥运会体育场馆电子地图的设计与实现

赵阳

（陕西国际商贸学院 体育教研室，陕西 咸阳712046）

研究在WebGIS的基础上进行奥运会体育场馆电子地图的设计。利用WebGIS技术，在B/S模式下，让硬件能符合标准，软件具备的开发能力与开发要求相匹配，使用Ajax技术让系统中的显示和操作技术发挥作用，使用CSS加上DIV进行部署，结构安排合理，可以实现简化网页代码的目的，让页显示速度更快，让系统设计顺利完。测试中，PT1之中，测试之后，脚本持续执行1小时，成功事务有1849052，最大TPS：458，平均TPS：500，在测试场景PT2之中，脚本持续执行1小时，成功事务：1798542，失败事务：3952，成功事务最大TPS：1.973，成功事务平均TPS：0.729，Error-26608错误数：2718个。

WebGIS；奥运会；体育场馆；电子地图设计

重大体育比赛中，参与和观看的人数较多，产生的信息量也十分大，人们也需要对赛事的各个方面进行了解，这就需要获得信息传送技术的支持，WebGIS技术则可以满足这个方面的需求，以其为技术基础设计出的电子地图可以很好地满足人们的需要。

1　基于WebGIS的奥运会体育场馆电子地图系统页面设计

1.1设计原则

系统页面需要在IE浏览器的基础上进行开发，首先要保证页面的简洁清晰，用户使用时第一需求就是简单方便，设计过程之中尽可能满足用户的使用习惯。比如，地图工具条一般需要安排在显示区域的左侧或上端。为了新用户可以尽快了解系统的使用流程，要布置引导性的使用流程说明。系统的整体样式排版需要保持统一，让各个功能区的设置清晰明了，满足用户的导航需求。设计要随时可以为用户提出的问题作出响应。

1.2使用标准

系统使用Web2.0技术开展地图系统页面的设计和开发。页面布局不使用表格布局，使用CSS+DIV开展布局，客户端用户功能的接口使用Ajax，其具备更好的用户体验。使用XHTML1.0标准，让网页内容保持结构化，为日后设置好XML转换留好预留空间。DOM标准是客户端脚本语言进行调用，属于文档对象模型。CSS2.0协议，一般使用网页元素的布局和呈现安置，这样对页面布局的调整有积极意义。也使用Asp.Net Ajax协议，客户端没有刷新效果，让用户能有更好地体验。

1.3页面布局

这个系统直接布置在网络之上，安排成为独立网站，有专属域名。系统的结构如下图所示。

图1　系统结构图

在系统页面之中，其中有地图浏览功能，其中互联网电子地图具备漫游功能，也能根据不同的兴趣点，寻找相应的分布图进行浏览，也能和距离、面积、地图标注等方面进行布置。也安排了信息查询的功能，主要有输入查询、分类查询，也包括结果展示和定位功能。也能进行体育馆的周边查询，为用户提供体育馆附近信息查询。也安置系统辅助功能页面，主要具备注册登录、错误应对、系统辅助等功能。

1.4使用矢量地图作为客户端权衡

设计时，WebGIS地图选择模式尤为重要。设计选择使用矢量地图，这种地图是基于直角坐标系统建立，以点、线和多边形对地理要素进行描述。每个地理要素都存在独一无二的坐标描述，便于使用中更加容易辨认。

2　系统开发

2.1B/S模式的应用

在WebGIS技术之中，可以使用的结构通常有集中模式、C/S模式和B/S模式，在这些模式之中，B/S模式具备较为明显的优势。与C/S相比，其在开放标准方面，C/S只需要在内部实现统一就实现目的，应用有针对性。B/S使用的标准都具备较强的开放性，不是专用应用的，均是经过标准化处理，并非是寻找专门的厂商进行定制的，其通用性处于良好的水平，也在跨平台的使用之中也有良好表现。对于C/S而言，其在使用的过程之中需要搭配相应的客户端，使用方式和方面在每种应用之中都存在差异，每次使用C/S都需要客户从头开始进行了解。而B/S客户端不必对数据库的保存和读写进行处理，只需要进行展示，让服务器的作用得到较大程度的发挥，客户端承受的负荷也就相应减少。而且其中共有的三个部分的模块都处于独立状态，其中的部分模块发生变化，另外的模块都不会受到干扰，系统的升级和改进难度相应减少，也可以使用不同生产厂家零部件。而且应用这种模式也可以让系统的安全性得到提升。其在是用的过程中，且与用户机、数据库、服务器，在三者之间安置一层Web服务器，两者不需要直接进行连接，客户机就不能直接对数据库实施操作，各种非法入侵活动得到有效的阻挡。

2.2系统运行环境

WebGIS软件的运行需要依靠一定的运行环境支持。从硬件角度来讲，由于服务器服务对象较多，在一些情形下，很多请求几乎发生在同一时刻，这就要求使用的服务器配置达到较高水平。对客户端而言，只需要承担查询责任，也就不能使用配置较高的计算机，因为只要使用配置较低的计算机就可以顺利完成任务。由于客户端的使用功能和浏览器相似，因此需要使用较好的显示器和显示适配器，能对良好的查询效果起到积极的意义。

从软件角度而言，使用的计算机只能死Windows NT服务器。这是因为用户需要使用互联网，其必须为其提供相应的查询服务，因此其职能是Internet的信息服务器之中。最后才能考虑其属于WbeGIS服务器，全部的软件都要安置在Internet的信息服务器。

2.3Ajax技术的使用

这种技术主要的功能时开发交互式网页。以往的Web使用的是同步交换，用户首先会向着HTTP的服务器传递出操作或请求。对于服务器而言，其在执行任务的过程时，对用户实施返回HTML页面的操作。这种操作对用户的使用会形成不良的体验。服务在接收到请求之后，需要一定的时间进行处理，用户就需要进行必要的等待，就算对页面的少量数据进行修改都要重新刷新页面，浪费时间过多。

Ajax和以往的Web存在明显的差别，前者使用的是异步交换过程。其主要对用户界面和服务器的交互行为进行翻译。其引擎不会Udine用户和应用进行的交互的异步开展进行限制，在用户和服务器之间的交流之外处于独立状态。在其内存之中，对于数据编辑、页面导航等方面进行操作时不必重新加载，Ajax直接执行这些操作即可，其异步交互过程如图2所示。

图2　Ajax异步交互示意图

在进行系统开发的过程之中，地图之中所有显示和操作技术在Ajax技术的支持下实现。这样的使用方式就会让地图的局部呈现出刷新的状态，用户体验较好。

2.4CSS和DIV页面设计

在对页面进行设计时，通常都会先从外观着手，对图片、文字和图形等方面进行全方位的分析，研究以何种形式将其体现在页面之上。但是外观的重要性并未占据过大的比重，最开始应该研究的是用户在打开页面之后会获得何种的使用感受。使用CSS加上DIV进行部署，结构安排合理，这样的页面能经过对CSS进行编辑，让其在所有的网络设备纸张都能以任意的外观进行展示，这种布局方式创建出的网页也可以实现简化网页代码的目的，让页显示速度更快，具有这些优点的布局方式适用范围自然广泛。

2.5实现方式

对于系统数据库结构而言，其具体布置需要根据场馆的信息进行，具体信息见表1。

为了给与赛事有关的人员安排好比赛之外的服务，有对周边的宾馆状况进行研究，其具体信息如表2所示。

2.6系统性能测试

在系统开发设计完毕之后，进行系统测试，判定性能提升幅度。在测试场景PT1之中，测试之后，脚本持续执行1小时，成功事务有1849052，最大TPS：458，平均TPS：500（TPS指的是在同一时间之内，系统可以处理业务的最高水平）。在测试场景PT2之中，脚本持续执行1小时，成功事务：1798542，失败事务：3952，当前场景下成功事务最大TPS：1.973，成功事务平均TPS：0.729，Error-26608错误数：2718个。测试结果表明：在测试场景PT1的情况下，测试成功通过，在场景PT2之下，事务响应时间较大，成功事务的数量比失败事务大。两次测试结果显示系统性能良好。

表1　体育场馆信息结构

表2　宾馆信息结构展示

3　结束语

体育赛事的参与人言众多，相应电子地图承担的责任较大。此次研究当中，在B/S的条件下，从软件和硬件两个角度调整好开发环境，A使用1jax技术达到让网页简化的目的。展开系统性能测试，PT1之中，测试之后，脚本持续执行1小时，成功事务有1849052，最大TPS：458，平均TPS：500，在测试场景PT2之中，脚本持续执行1小时，成功事务：1798542，失败事务：3952，成功事务最大TPS：1.973，成功事务平均TPS：0.729，Error-26608错误数：2718个，系统性能较好。

[1]李小刚，王强，王升堂，等.基于WebGIS的校园电子地图设计与实现——以皖西学院为例[J].农业网络信息，2013，14 （7）:115-118.

[2]周赟，黄云.基于WebGIS的电子地图发布系统设计与开发[J].科技创新导报，2015，12（5）:52-55.

[3]曹一冰，崔秀飞，陈蕾，等.基于SVG的电子交通图的设计与实现[J].测绘与空间地理信息，2014，21（10）:5-8.

[4]白春鸿，梁晓莉，王学杰.基于Mapbar地图API的WebGIS设计与开发[J].地理空间信息，2014，11（6）:153-155.

[5]郑朝洪，池灵巧.基于WebGIS的泉州医疗点空间信息服务系统设计[J].现代电子技术，2013，32（24）:55-58.

[6]姬英杰，徐鹏，杨怀卿.基于ArcGISFlexAPI的校园电子地图研究与实现[J].微型机与应用，2014，21（7）:74-76.

[7]董婧，宁德琼，张顺吉.基于.NET三层架构的WebGIS优化应用研究[J].内蒙古师范大学学报：自然科学版，2013，3 （6）:682-686.

[8]吕强国.基于WebGIS的奥运会体育场馆电子地图的设计与实现[J].电子测试，2014，23（20）:81-83.

[9]郭斌.基于WebGIS的苏州电子地图网的设计与实现[J].电脑知识与技术，2010，6（12）:3075-3076.

[10]王鹏远.基于WebGIS的校园电子地图的设计与实现[J].技术与市场，2011，18（9）:12-13，15.

[11]刘有力，罗海驰，钱雪忠，等.基于MapGuide的校园电子地图应用平台的设计与实现[J].北京测绘，2011，12（4）:52-54，58.

[12]李小刚，王强，王升堂，等.基于WebGIS的校园电子地图设计与实现——以皖西学院为例[J].农业网络信息，2013，8 （7）:115-118.

[13]陈谷良.基于WebGIS的城市电子地图框架设计研究[J].中国西部科技，2010，9（35）:32-34.

[14]任升莲，蔡昊，杨伟沃，等.基于GIS的网络电子地图系统开发与研究[J].安徽地质，2009，19（4）:272-275.

[15]陈旭，何宽，常强，等.基于WebGIS的开封市电子地图系统设计与实现[J].网络安全技术与应用，2011，12（9）:40-42.

The design and implementation of the electronic map of the Olympic sports venues based on WebGIS

ZHAO Yang
（Department of Physical Education，Shaanxi International Business School，Xianyang 712046，China）

The research based on WebGIS for Olympic stadiums electronic map design.Using WebGIS technology，in B/S mode，enables the hardware to conform to the standard，the development of software have ability to match the development requirements，using Ajax technology to display and operation technology play a role in the system，using CSS and deployed DIV，reasonable arrangement of structure，can realize the purpose of simplifying web page code，let the page display faster and let system design finished smoothly.Tests，PT1，after testing，the script continues to execute an hour，a successful transaction，1849052，the largest TPS:458，the average TPS:500，in a test scenario PT2，script carried out for 1 hour，transaction success:1798542，failure transaction:3952，the largest transaction TPS success:1.973，average transaction TPS success:0.729，the Error 26608 Error number:2718.

WebGIS；the Olympic Games；sports stadiums；electronic map design

TN99

A

1674－6236（2016）22-0109-03

2015-11-29稿件编号：201511284

赵 阳（1985—），女，陕西西安人，硕士。研究方向：体育教学。