吴广财1，江疆1，翟鸿荣2
（1.广东电网有限责任公司信息中心，广东广州510180；2.烟台海颐软件股份有限公司，山东烟台264000）
摘要：对于目前企业在电力服务渠道中存在的问题，通过引入地图可视化技术（AnyChart、Raphael、百度地图），结合电力服务渠道的现状进行分析，以地图的形式动态、准确、立体的展示，用于全方位、准确地掌握自身经营状况、服务水平、客户需求等，为电网营销战略制定和决策提供有力支持。
教育期刊网 http://www.jyqkw.com
关键词 ：电网；服务渠道分析；地图可视化；大数据
中图分类号：TN915.853?34 文献标识码：A 文章编号：1004?373X（2015）15?0090?05
收稿日期：2015?01?28
0 引言
电网企业现有服务渠道包括95598呼叫中心、实体营业厅、网上营业厅、掌上营业厅、社会化服务渠道、短信等，在这些渠道相应部署了一定的软硬件设备，投入了一定的资源，服务渠道已经基本扩展完善，并覆盖了客户的业务需求[1]。但是对各服务渠道的业务数据、客户数据的集中分析研究不够深入。在渠道集约化管理及降低服务成本的要求下，企业市场部目前缺少全面分析各个渠道使用情况及资源运营的手段，对当前服务渠道、客户、业务及资源的分布和利用情况掌握不够，较难实现区域内“渠道?客户?业务?资源”的匹配关系。因此需要对当前服务渠道资源的分布及布局情况进行有效掌握，并对服务渠道布局合理性进行分析，从而为集约化管理、服务渠道资源定位、整合进行战略辅助决策。
服务渠道使用情况分析与优化功能，是以渠道分析的“一张图、一张网”为基础，实现服务渠道使用情况综合展示、分析和决策功能。
“一张图”是指以地理地图为基础，通过对所在营业区域内渠道布局、客户分布、业务情况和资源利用等进行分析，以地图的形式展现不同服务渠道目前的资源情况、客户特点、业务需求等，为服务渠道的资源集约化管理提供有效支持[2?4]。
“一张网”是指建立起“渠道?业务?客户?资源”的匹配关系，并在此基础上实现服务渠道资源对客户和业务需求的支撑，用于指导企业的服务渠道资源分配和现有服务渠道布局的优化。
以地理地图为核心，通过可视化呈现，即可展示不同区域中渠道、业务、客户及服务资源的布局情况，对单一渠道的业务运营过程进行评价，并支持实体营业厅合理性评估、服务渠道布局优化等高级决策分析应用，以切实提高服务渠道的服务水平和能力[5]。
目前大部分电力系统中的应用界面，图形支持系统的实现方式和提供的功能差异比较大，不同的图形软件系统存在公用性和移植性相对较差的特点，同时专业的地图展示工具存在自成体系，对供电区域地理信息展示较多，基于地图的可定制与集成开发能力较弱。本项目以开源的或可定制度较高的地图可视化插件进行研究并在系统开发平台上进行集成，在整个过程中，研究并运用了多种地图可视化插件，包括AnyChart，Raphael和百度地图，满足了客户服务渠道分析可视化展示的要求。
1 地图可视化技术
本文主要针对AnyChart，Raphael 和百度地图三种技术进行研究开发，三种技术均有自己的优缺点，Any?Chart展示效果更丰富一些，Raphael定制化更高一些，百度地图的地图图层信息更详细一些。各个插件的具体情况如下：
（1）AnyChart
AnyChart控件是一款当前流行的数据可视化解决方案，利用此插件，可以创建交互性强、生动的图表和地图。AnyChart 是一款跨浏览器的工具，可以被用于Web，Desktop和Mobile应用程序，AnyChart可运行于当前PC 和Mac上所有主流的浏览器，如：Chrome，Safari，Firefox，Internet Explorer 和Opera，并且可用于所有移动平台（Android（2.2+））和iOS上的主流浏览器。
AnyChart作为一款数据可视化方案的优势在于其展示效果通过xml文件配置，可以根据自己的需要灵活配置展示的内容，其中dashboard的支持功能非常强大，可以根据自己的需要将任意图形进行组合对于管理类高管平台提供了丰富的视觉展示效果。
该款插件具有跨浏览器，支持展示效果通过XML文件配置以及良好的视觉外观和配色方案，能够使客户根据不同的需求设计图表。在本项目的图形可视化展示中得到了广泛应用[6]。
（2）Raphael
Raphael 是一个用于在网页中绘制矢量图形的JavaScript库。以SVG W3C 标准和VML 作为创建图形的基础，通过JavaScript操作DOM创建出各种复杂的柱状图、饼图、曲线图等各种图表，可以绘制任意形状的图形，支持图表或图像的裁剪和旋转等复杂操作[7]。
较于其他插件，该产品具有定制化高，可任意绘制与集成不同形式的图形，但大数据量点数据的同时读取与呈现性能不足。
（3）百度地图
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，支持基于其API构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发[8?9]。
百度地图JavaScript API 具有函数调用简单，支持大数据点的同时读取与呈现，且具有图形缩放下不同图层信息快速切换的优势。不足之处为百度地图一般的API调用均需要接入互联网，借助于互联网实现对地图图层在线获取与展示信息的在线集成。
2 技术实现及应用
2.1 AnyChart技术
使用AnyChart具体的开发流程如图1所示。
（1）在网上获取shp格式地图；
（2）通过地图文件编辑器udig对shp格式地图进行编辑，然后通过udig导出一份shp格式的地图；
（3）用AnyChart自带的工具AnyChart Map Convert?er对生成的shp格式的地图转换为.amap格式的地图；
（4）通过Anychart中提供API和Map.swf进行地图绘制，同时，AnyChart可以通过配置数据完成在地图上展示热力区域。
AnyChart在页面绘制图形的方式如下：
热力区域的展示使用以下配置文件中的item 进行配置，针对不同的区域可以使用type参数进行设置：
2.2 Raphael技术
使用Raphael具体的开发流程如图2所示。
（1）在网上获取shp格式地图；
（2）通过地图文件编辑器udig对shp格式地图进行编辑，通过udig可以对原有的地图做适当的修改同时也可以自己进行地图绘制，并为绘制的地图添加一些属性（name，code），然后通过udig导出shp格式的地图；
（3）通过ArcGIS对文件格式进行转换，将shp格式转换成svg格式，然后对svg格式的数据进行适当修改；
（4）在页面上通过raphael API进行调用，然后根据配置的属性名称和代码显示气泡图形。
Raphael在页面绘制图形的方式如下，首先获取地图路径和设置显示字体：
设置完毕后可以直接调用raphael提供的展示方法在页面进行大小控制展示：
2.3 百度地图
百度地图一般的API调用均需要接入互联网，借助于互联网实现对地图图层在线获取与展示信息的在线集成，对于企业内部应用平台，出于安全要求，必须是企业内部的局域网。因此查阅了大量百度地图API[10]的应用资料，开展百度地图离线应用研究与尝试。基本原理为通过下载离线百度地图瓦片，实现对在线地图的本地化存储，通过修改API中图片读取路径，实现对图层数据的本地读取与展示内容的本地在线集成。
使用百度地图具体的开发流程如图3所示。
（1）网上获取百度离线地图包，然后在项目的web.xml中设置读取地图图片的路径；
（2）编写百度地图后台获取地图的servlet；
（3）修改百度地图API的后端获取地图路径；由于百度地图API默认获取网上在线图片，因此需要修改默认地图路径；
Getpng为修改后的离线地图路径。
（4）前台JSP 页面调用百度API进行配置和显示，方式如下：
2.4 大数据展示技术
在使用以上三种技术的同时，地图的展示均存在一个大数据的显示问题。例如电网公司的变压器位置，由于变压器的数据量很大，在几万乃至几十万以上，在有限的区域内进行大数据量的展示存在一定的难度。在此利用矢量切片技术结合抽稀，将上万个点快速地绘制于前端，操作时延低于2 s。主要代码如下：
3 地图应用展示
3.1 服务渠道布局展示功能
服务渠道布局展示功能是面向决策层、管理层及执行层三个层面的。通过渠道层、客户层、业务层和资源层四个图层，综合实现渠道布局、客户分布、业务情况及服务资源情况的统计分析功能和可视化展现。通过采集和管理多种地理空间信息，将四个图层的数据与地理空间数据进行匹配与集成，实现服务数据的直观可视，建立服务渠道分析的“一张图”。
此功能界面作为系统的重要展示功能，需要多种颜色展示丰富的界面效果，因此采用AnyChart作为地图展示方式，主要界面显示如图4所示。
页面展示效果为所有地市局根据每天不同的业务量（或其他指标）进行排序，对排序后的结果划分为不同的等级，每个等级对应不同的颜色，这样可以比较直观地看到业务量比较大或者比较小的地市局分布在广东的哪个区域内。
3.2 服务渠道分析功能
服务渠道分析功能结合服务渠道分析成果和网上营业厅、实体营业厅、短信营业厅、95598、社会化服务渠道的使用情况，通过地理信息显示了各渠道的所在位置和覆盖范围，图表统计包含了省公司、地市局和区县局的多层维度，可以汇总展示该区域用户数、业务量、渠道数量及资源利用、用户构成、分类型业务量等信息。
此功能界面主要显示区域总体数据信息，需要展示速度快，界面简洁清晰（可能会嵌入柱状图等其他图形），因此采用Raphael作为地图展示方式，主要界面显示如图5所示。
页面展示效果为所有地市局同时以气泡的方式展示自己的营业厅（或其他指标）数目，各地市颜色统一，不需要变动颜色，同时页面上的气泡可以替换为柱状或者其他样式的图形。
3.3 服务渠道决策功能
服务渠道的决策功能主要面向决策层和管理层，实现对供电营业厅的布点布局优化、营业厅合理性评估相应的决策支持。
此功能需要将各个地市局营业厅位置打到地图中，同时要根据营业厅在地图中的显示位置进行决策，因此展示的界面需要比较详细，在此主要采用百度地图作为地图展示方式，主要界面显示如图6所示。
页面展示效果将地市所有的营业厅位置打印到地图中，并且根据不同的营业厅类型显示不同的气泡颜色，同时点击气泡可以弹出该营业厅的详细信息，包括营业厅的名称、位置和营业厅人员数目。该页面也可以直观地看到各种营业厅的分布区域，为实体营业厅的优化提供有力的支撑。
4 结语
本文根据实际的项目需求提出了基于多种地图技术的编程可视化方法，针对不同的场景采用不同的展示方式，既能快速、美观地展示全省的面貌，同时可以根据百度的精细图形展示到广东各个地市的街道乃至更详细的地图信息。实际的应用效果表明，采用多种技术的结合能够更好地完成系统需要展示的功能，并且具有很好的可操作性。
教育期刊网 http://www.jyqkw.com
参考文献
[1] 李红新.基于我国电子商务发展的趋势研究[J].价值工程，2012，34（31）：176?178.
[2] 佚名.教字城市的基础?CIS 地理信息系统综述[EB/OL].[2007?11?01].http：//www.ccc.gov.cn/xygl/kjjb/kjdt/2007?11?01?143735.html.
[3] 杨东进.网络地理信息的技术实现[J].科技资讯，2006（26）：6?7.
[4] 黄杏元，马劲松，汤勤.地理信息系统概论（修订版）[M].北京：高等教育出版社，2005．
[5] 李大勇，马冬雪，王晓宁，等.电网信息可视化应用研究[J].电力系统保护与控制，2009，37（23）：156?158.
[6] 廖志坚，蒋明亮.基于Ajax的广东省科技指标数据库系统的设计与实现[J].科技管理研究，2010（8）：47?49.
[7] 杨绍伟，王晶.基于Raphael.js的统计图形插件开发的研究[EB/OL].[2014?01?09] . http：// www.doc88.com/p?4935458327153. html.
[8] 戴凤娇，肖林华，杨琭，等.基于百度地图的标记点聚合算法研究[J].中国科技信息，2013（23）：82?85.
[9] 崔文红.电子地图的应用及发展趋势[J].测绘与空间地理信息，2008，31（3）：87?89.
[10] 杜传明.百度地图API在小型地理信息系统中的应用[J].测绘与空间地理信息，2011，34（2）：152?156.
[11] 邱家驹，钱源平，刘艳.基于地理信息系统的电力系统静态安全分析可视化方法[J].中国电机工程学报，1999，19（5）：62?66.
[12] 韩祯祥，吕捷，邱家驹.科学计算可视化及其在电力系统中的应用前景[J].电网技术，1996，20（7）：22?27.
[13] 邱家驹.电力系统静态安全分析[J].电力系统自动化，1982（2）：50?61.
[14] 武宁.电力系统运行状态可视化技术的应用[J].科技与企业，2013（24）：166?167.
[15] 赵淑芬.电力系统运行状态可视化技术综述[J].黑龙江科技信息，2013（25）：149?150.
[16] 肖华丽.电力调度调控运行可视化[J].科技视界，2014（28）：281?282.
[17] 胡斌，李健，周爱华，等.GIS可视化在跨区电网中的应用[J].计算机与现代化，2012（8）：114?117.
作者简介：吴广财（1985—），男，广东兴宁人，硕士，工程师。从事电力计算应用系统开发与管理工作。
江疆（1982—），男，湖北黄石人，博士，工程师。从事电力计算应用系统开发与管理工作。
翟鸿荣（1972—），男，山西阳泉人，硕士，高级工程师。主要从事信息系统的开发和管理工作。