基于FLASH技术开发铁路电商地图

谭思思（呼和浩特铁路局信息技术所，助理工程师，内蒙古　呼和浩特　010010）



基于FLASH技术开发铁路电商地图

谭思思
（呼和浩特铁路局信息技术所，助理工程师，内蒙古呼和浩特010010）

摘要：伴随网络时代的高速发展，计算机已覆盖铁路工作的每个角落。电子地图在人们的生产生活中的应用越来越广泛，在铁路发展中更起到尤为重要的引导意义。Flash作为一个已经成熟的商业化产品，在铁路面向市场化改革的热潮中，以良好的web交互式图形接口，建立起强大的功能应用。本文主要研究了应用flash技术开发铁路电子商务地图，通过地图更为全面的展示了解铁路沿线景点资源分布。主要应用技术flashcs5.5版本开发，配合ActionScript脚本实现。

关键词：flash；铁路电商地图；ActionScript

10.13572/j.cnki.tdyy.2016.02.019

为积极响应铁路市场化的方针，伴随信息时代的高速发展，开发技术手段的提高，不断创新展示方式，以成为迫切的发展需求。建立一个对市场反应敏捷、展示效果炫目、传递信息丰富的信息网络和渠道，由传统服务逐步向完善的网络服务转变，逐步转型为完善的“服务型平台”。随着电子商务被越来越多的企业所认可，特别在铁路旅游客运专线陆续投入使用后，电子商务在方便客户及规范运输、市场竞争等方面发挥了积极的作用。

1　Flash应用概述

1.1 Flash在铁路电商中的积极应用动画制作软件flash被称为是“最为灵活的前台”。由于其独特和时间片段分割（TimeLine）和重组（MC嵌套）技术，结合ActionScitp的对象和流程控制。使得在灵活的界面设计和动画设计中成为可能，同时它也是最为小巧的前台。铁路数据量庞大，交互性复杂，而flash文件小，适合网络传输，同时保证图形质量和浏览速度，在铁路电商平台中应用以flash为基础的前端设计已成为势不可挡的发展趋势。

flash具有跨平台的特性（这点和Java一样），所以无论你处于处于何种平台，只要你安装有支持的flash Player。你就能保证它们的最终显示效果都一致。铁路发展至今，为适应市场需求，开发技术不断更新，开发语言也不再单一，flash的多种适用，完美适应于多种铁路信息平台。由于其独特的跨平台物性和在界面控制以及多媒体的功能使用得使用flash来制作的应用程序具有很强的生命力。在与客户的交流方面具有其它任何方式都无可比拟的优势，方便的实现数据通信。极好的关注了铁路数据信息通信的重要地位。同时，flash技术具有视觉效果独特，冲击力强的有利宣传优势，这使得推广铁路信息化的电商之路更为平坦。同一产品广告，flash的广告形式更为人性化，更具交互性，一改铁路“铁老大”的顽固形象，更加合理化的满足受众需求，给访问者留下深刻的良好印象。随着铁路的不断发展，信息开发技术仍然在不断前进，flash的全新功能也正在扩大它的应用范围，并且以为铁路开发节约大量的成本而广为推崇。

1.2用Flash开发铁路专线旅游地图的优点Java 与Flash相比具有明显的优势，是电子地图技术的主流方向。不过使用Java地图的客户端必须安装Java虚拟机，对于没有安装相关插件的电脑用户来说，并不能立即使用Java电子地图。对于Flash电子地图来说，几乎所有的个人电脑都安装了Flash Player插件，只要打开浏览器即可正常使用。只要把握一定Flash ActionScript的基础知识，都可以通过学习制作出自己满足的互动电子地图。同时铁路数据量庞大，交互地点繁多，而flash的占用空间很小，利用flash开发要完全优于java。同时，从画面的美观角度，flash展示更为炫丽生动。

2　基于Flash的铁路专线地图开发

2.1设计背景随着铁路旅游客运专线陆续投入使用“内蒙古草原专列”旅游事业的发展，“内蒙古资源网”应运而生。“草原之星”旅游专线的电商平台，核心版块为“走进内蒙古”的地图展示。开发草原之星旅游网“走进内蒙古”的旅游景点展示模块，展示效果要求以电子地图方式直观浏览，同时要求展示效果立体绚丽具有视觉冲击效果，地区景点详细信息，动态获取资讯，动态链接点击等。综合前期需求分析后，使用flash方式制作展现。

设计亮点围绕地图的立体效果展示，结合xml技术的as编写，便于日后的维护更改。设计包含两版设计：第1版是每一个景点分区都是1个按钮，默认情况下显示绿色（主题为突出内蒙古自治区的绿色大草原），当鼠标经过时突出显示，立体效果呈现，鼠标单击时直接链接到详细的景点介绍页面。第2版是每一个景点分区都是1个按钮，鼠标滑过单个区域变色，单击弹出对话框提示内容，当鼠标单击对话框任意位置，对话框自动隐藏。单击框内景点列表时会直接跳转到某个地区的详细景点分布情况，修改外部文件可直接编辑景点信息，不必再次生成swf文件，便于日后维护。

2.2功能具有查看内蒙古自治区各旅游区域之间位置相对关系，各景点的主要情况，以及链接景点详细的功能。同时两版侧重不同，其一具备立体展示效果，其二便于日后维护的二次开发功能。

2.3开发环境开发环境：Flash CS5.5；运行环境：Flash player10.0。

3　开发铁路旅游专线地图的过程简述

3.1基于FLASH开发铁路专线地图的技术流程利用FLASH技术开发铁路专线旅游的电子地图，主要包括功能与界面的设计、数据的搜集及编辑以及功能的实现3大部分内容。开发流程见图1所示。

图1　开发流程图

3.2基础元件的制作首先绘制内蒙古自治区的区域底图，利用3 DMAX建模绘制立体效果底图，见图2所示。

图2　内蒙古自治区立体效果图

利用Photoshop渲染为绿色，突出绿色草原的主题，制作出立体全景景点地图，见图3所示。

图3　内蒙古自治区全景效果图

分块绘制区域内景点，制作为独力的单位元件；其一见图4所示。

图4　单独区域元件图

3.3拼合旅游专线的自治区地图把单独区域的元件图分别制作成按钮，当鼠标滑过单个独立区域时，单个区域突出弹出，类似拼图效果，单击突出区域直接链接到详细景点信息的单独页面。效果如图5所示。

图5　拼合完成后的景区全图

在单个独立的区域元件上编写as代码（见图6所示），并加入景点链接地址见图7所示。

图6　单个元件添加as代码示意图

图7　全景独立区域元件图

3.4铁道数据更新二次开发的XML地图制作

绘制主要景点弹出的对话框，见图8所示。

图8　添加对话框效果图

选中单个元件给单个原件加入变色效果，使得鼠标滑动区域变色，同时添加AS代码，实现弹出景点列表（见图9所示）。

图9　元件列表图

添加AS代码如下：

k._visible=false；

mc1.onRelease=function（）

{if（!k._visible）

{k._visible=true；

k.txt.text="金岭山滑雪场大屿山四级湖 鳄鱼岛呼伦贝尔大草原 额尔古纳湖缅甸草原牙克石"；}

}；

mc2.onRelease = function（）

{if（!k._visible）

{k._visible=true；k.txt.text="景点列表"；}

…mc3，mc4，mc5，mc6以此类推书写到元件mc12…

k.onRelease = function（）

{k._visible = false}；

制作效果如图10所示。

图10　成品展示图

具体形象的成品展示在flash中具体展示。

4　结束语

内蒙古资源富集，历史文化悠久，自然资源极其丰富，是我国蒙古文化的发祥地，历史、自然、人文旅游景观非常丰富。但长久以来，宣传手段单一，贸易手段传统，导致国内及世界对内蒙古自治区的了解知之甚少。电子商务迅速崛起，已经渗透到国民经济、社会服务、资源交易、消费品采购等人们工作、生活的各个领域，正在席卷着社会经济的各个层面。而铁路发展也在不断适应市场化的各种要求。

正是在这样一个大环境下，内蒙古资源网应运而生，是呼铁局自主开发、建设、运营的综合性电子商务平台。旗下草原之星旅游网针对旅游资源全方位立体展示了我区地大物博的优良风光，“走进内蒙古”版块更以flash方式展示，力求生动形象的分块分区直观浏览景点信息。从客户体验角度，设计图形展示效果绚丽，力求吸引客户浏览，利用xml语言，同时加入action script的代码编写，维护方式便捷，对二次开发和维护使用做了充分考虑。希望能够增加景点知名度，提高促进旅游景点线下收益，同时，设计新颖，展示方式生动，促使旅游网成为自主开发的“服务型平台”，提高网站知名度，为铁路走向市场化，增加市场竞争力，做出有利贡献。适应铁路改革的市场化大方针。

中图分类号：U283.4

文献标识码：B

文章编号：1006-8686（2016）-02-0052-04