一种基于面状shp地图图层的数据可视化方法及系统的制作方法
【专利摘要】本发明涉及一种基于面状shp地图图层的数据可视化方法及系统，所述方法包括：地图数据转换步骤，将面状地图图层的shp格式地图数据转换为适用于Web应用展现的SVG地图数据；SVG地图呈现步骤，通过JavaScript对SVG地图数据进行操作和展示，呈现出SVG地图；数据叠加步骤，对面状地图图层的地理信息进行分析，并将分析结果数据叠加到SVG地图上。本发明在没有GIS引擎的环境下实现的基于地图数据的可视化，利用现有的地图数据，快速地实现在地图上呈现分析数据，将各种分析图形叠加到地图上，以更加美观的方式呈现分析结果。
【专利说明】—种基于面状Shp地图图层的数据可视化方法及系统
【技术领域】
[0001]本发明涉及数据分析应用领域，特别是一种基于面状Shp地图图层的数据可视化方法及系统。
【背景技术】
[0002]数据分析应用的重要性在各个行业逐渐得到重视，对分析结果的可视化呈现也变得更加重要，数据可视化希望通过极美的形式呈现沉闷繁杂的数据，以更小的时空高效清晰的展示更多数据及信息，让复杂的数据集明了易懂。基于地图的数据可视化是一种常见的手段，这种方式一般通过对地图进行着色、分析图形叠加等方式来呈现与地域相关的数据。基于地图的数据可视化一般有以下几种方式:
[0003]I)基于GIS地图；这种方式优点是地图相关的功能灵活，图层配置灵活，但需要有GIS地图支持，并且GIS地图需要具备相关的图层以及接口，所以存在适用面和很多平台依赖方面的问题。
[0004]2)基于Flash地图；通过Flash制作地图，将地图数据呈现到对应区块，这种方式实现适用面广，但制作地图成本较高，相关的开发复杂，灵活性差，这种方式在对移动终端支持方面有较大局限性。
【发明内容】
[0005]本发明所要解决的技术问题是提供一种基于面状Shp地图图层的数据可视化方法及系统，用于解决基于地图的分析数据的可视化呈现问题。
[0006]本发明解决上述技术问题的技术方案如下:一种基于面状Shp地图图层的数据可视化方法，包括:
[0007]地图数据转换步骤:将面状地图图层的Shp格式地图数据转换为适用于Web应用展现的SVG地图数据；
[0008]SVG地图呈现步骤:通过JavaScript对SVG地图数据进行操作和展示，呈现出SVG地图；
[0009]数据叠加步骤:对面状地图图层的地理信息进行分析，并将分析结果数据叠加到SVG地图上。
[0010]在上述技术方案的基础上，本发明还可以做如下改进。
[0011]进一步，所述地图数据转换步骤具体包括:
[0012]步骤Al，从面状地图图层中动态加载并解析Shp格式地图数据；
[0013]步骤A2，将shp格式地图数据转换为SVG path路径；
[0014]步骤A3，通过SVG path路径进行坐标系的识别和转换，将shp格式地图数据转换为适用于Web应用展现的SVG地图数据。
[0015]进一步，所述步骤A3具体包括:解析shp格式地图数据的信息，读取其中的空间特征数据和属性特征数据，将空间特征数据和属性特征数据重写成GML格式文档，然后借助XSLT将GML格式文档转换为SVG格式数据。
[0016]进一步，通过JavaScript对SVG地图数据进行操作具体包括:基于SVG地图数据，进行地图场景的放大、缩小、平移、位移和/或点选操作。
[0017]进一步,通过JavaScript对SVG地图数据进行操作是以JavaScript监听鼠标滚动、点击和拖拽事件的方式实现的。
[0018]进一步，将分析结果数据叠加到SVG地图上时，采用的叠加方式包括着色叠加方式、气泡图叠加方式、饼状图叠加方式、扇形图叠加方式和/或柱状图叠加方式。
[0019]本发明的技术方案还包括一种基于面状Shp地图图层的数据可视化系统，包括:
[0020]地图数据转换模块:用于将面状地图图层的shp格式地图数据转换为适用于Web应用展现的SVG地图数据；
[0021]SVG地图呈现模块:用于通过JavaScript对SVG地图数据进行操作和展示，呈现出SVG地图；
[0022]数据叠加模块:用于对面状地图图层的地理信息进行分析，并将分析结果数据叠加到SVG地图上。
[0023]在上述技术方案的基础上，本发明还可以做如下改进。
[0024]进一步，所述地图数据转换模块包括:
[0025]加载解析模块，用于从面状地图图层中动态加载并解析Shp格式地图数据；
[0026]路径生成模块，用于将shp格式地图数据转换为SVG path路径；
[0027]SVG地图数据获取模块，用于通过SVG path路径进行坐标系的识别和转换，将shp格式地图数据转换为适用于Web应用展现的SVG地图数据。
[0028]本发明的有益效果是:本发明在没有GIS引擎的环境下实现的基于地图数据的可视化，利用现有的地图数据，快速地实现在地图上呈现分析数据，将各种分析图形叠加到地图上，以更加美观的方式呈现分析结果，同时本发明基于标准WEB语言，实现对多浏览、多终端类型的平滑支持。
【专利附图】
【附图说明】
[0029]图1为本发明所述的基于面状shp地图图层的数据可视化方法的流程示意图；
[0030]图2为本发明实施例中所述地图数据转换步骤的流程示意图；
[0031]图3为本发明实施例中所述地图数据转换步骤的流程示意图；
[0032]图4为本发明实施例中SVG地图呈现步骤的流程示意图；
[0033]图5为本发明所述的基于面状shp地图图层的数据可视化系统的结构示意图。
【具体实施方式】
[0034]以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。
[0035]如图1所示，本实施例给出一种基于面状shp地图图层的数据可视化方法，包括:
[0036]地图数据转换步骤:将面状地图图层的shp格式地图数据转换为适用于Web应用展现的SVG地图数据；
[0037]SVG地图呈现步骤:通过JavaScript对SVG地图数据进行操作和展示，呈现出SVG地图；
[0038]数据叠加步骤:对面状地图图层的地理信息进行分析，并将分析结果数据叠加到SVG地图上。
[0039]如图2所示，所述地图数据转换步骤具体包括:
[0040]步骤Al，从面状地图图层中动态加载并解析shp格式地图数据；
[0041]步骤A2，将shp格式地图数据转换为SVG path路径；
[0042]步骤A3，通过SVG path路径进行坐标系的识别和转换，将shp格式地图数据转换为适用于Web应用展现的SVG地图数据。
[0043]即所述所述地图数据转换步骤依次实现了 shp格式地图数据的加载和解析、地图转换及SVG地图数据输出。
[0044]所述步骤A3中具体包括:解析shp格式地图数据的信息，读取其中的空间特征数据和属性特征数据，将空间特征数据和属性特征数据重写成GML(Geography MarkupLanguage)格式文档，然后借助XSLT将GML格式文档转换为SVG格式数据。GML转换为SVG主要对应关系有:GML中的Point对应svg中circle，GML中LineString对应SVG中polyline, GML 中 Polygon 对应 SVG 中 path。
[0045]举例来说，SVG地图数据的格式片段如下，以下SVG地图格式片段分别对应新疆乌鲁木齐(ulmq)、伊利(yili)、哈密(hami)、博州(bozhou):
[0046]ulmq:’M247.707031 128.902344L247.855469 129.011719L248.058594129.003906L248.277344 128.832031L248.433594 128.683594L248.546875128.570313L248.621094 128.492188L248.761719128.453125L248.929688128.492188L249.191406 128.660156L249.40625 128.925781L249.496094 129.109375’，
[0047]yil1:' M129.460938 110.339844L129.667969 110.375L129.816406110.351563L129.929688 110.339844L130.0625 110.304688L130.160156110.285156L130.253906 110.292969L130.355469 110.339844L130.449219 110.363281L130.589844110.464844L130.683594’，
[0048]ham1:’M314.355469 102.421875L315.351563 102.539063L315.355469102.539063L315.671875 102.496094L315.703125 102.496094L316.195313102.445313L316.597656 102.34375L317.277344102.253906L317.492188 102.253906’，
[0049]bozhou: ’ M149.058594 95.554688L149.230469 95.738281L149.38671996.1 17188L149.484375 96.222656L149.886719 96.4492 19LI 50.0078 I 396.589844L150.167969 97.300781L150.175781 97.316406’
[0050]如图3所示，SVG地图呈现步骤依次实现了 SVG地图数据加载、初始数据加载、地图绘制和地图操作，其中通过JavaScript对SVG地图数据进行操作具体包括:基于SVG地图数据，进行地图场景的放大、缩小、平移、位移和/或点选操作。其中，通过JavaScript对SVG地图数据进行操作的实现方式具体为:通过JavaScript实现对SVG的动态控制，监听鼠标滚动、点击、拖拽事件并作出相应的反馈；实现JavaScript按照区域进行地图着色；鼠标滚动实现地图的缩放操作，鼠标的拖拽实现地图的平移操作，鼠标点击实现地图区域的选择操作。
[0051]如图4所示，数据叠加步骤主要是依次实现地图加载、数据加载、图形生成和图形叠加，其中将分析结果数据叠加到SVG地图上时，采用的叠加方式包括着色叠加方式、气泡图叠加方式、饼状图叠加方式、扇形图叠加方式和/或柱状图叠加方式。
[0052]如图5所示，本实施例还对应给出了一种基于面状shp地图图层的数据可视化系统，包括:
[0053]地图数据转换模块:用于将面状地图图层的shp格式地图数据转换为适用于Web应用展现的SVG地图数据；
[0054]SVG地图呈现模块:用于通过JavaScript对SVG地图数据进行操作和展示，呈现出SVG地图；
[0055]数据叠加模块:用于对面状地图图层的地理信息进行分析，并将分析结果数据叠加到SVG地图上。
[0056]其中，所述地图数据转换模块包括:
[0057]加载解析模块，用于从面状地图图层中动态加载并解析shp格式地图数据；
[0058]路径生成模块，用于将shp格式地图数据转换为SVG path路径；
[0059]SVG地图数据获取模块，用于通过SVG path路径进行坐标系的识别和转换，将shp格式地图数据转换为适用于Web应用展现的SVG地图数据。
[0060]本实施例的基于面状shp地图图层的数据可视化系统与上述基于面状shp地图图层的数据可视化方法的实施过程相同，这里不再多述。
[0061]本实施例通过结合现有GIS地图图层，结合SVG、JS技术在Web展现方面的便利性，将GIS地图格式数据转换为SVG Path格式，并通过JS进行图层控制，将分析结果叠加到SVG地图，实现数据可视化展现形式。
[0062]以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种基于面状Shp地图图层的数据可视化方法，其特征在于，包括: 地图数据转换步骤:将面状地图图层的Shp格式地图数据转换为适用于Web应用展现的SVG地图数据； SVG地图呈现步骤:通过JavaScript对SVG地图数据进行操作和展示，呈现出SVG地图； 数据叠加步骤:对面状地图图层的地理信息进行分析，并将分析结果数据叠加到SVG地图上。
2.根据权利要求1所述的一种基于面状shp地图图层的数据可视化方法，其特征在于，所述地图数据转换步骤具体包括: 步骤Al，从面状地图图层中动态加载并解析shp格式地图数据； 步骤A2，将shp格式地图数据转换为SVG path路径； 步骤A3，通过SVG path路径进行坐标系的识别和转换，将shp格式地图数据转换为适用于Web应用展现的SVG地图数据。
3.根据权利要求2所述的一种基于面状shp地图图层的数据可视化方法，其特征在于，所述步骤A3具体包括:解析shp格式地图数据的信息，读取其中的空间特征数据和属性特征数据，将空间特征数据和属性特征数据重写成GML格式文档，然后借助XSLT将GML格式文档转换为SVG格式数据。
4.根据权利要求1所述的一种基于面状shp地图图层的数据可视化方法，其特征在于，通过JavaScript对SVG地图数据进行操作具体包括:基于SVG地图数据，进行地图场景的放大、缩小、平移、位移和/或点选操作。
5.根据权利要求4所述的一种基于面状shp地图图层的数据可视化方法，其特征在于，通过JavaScript对SVG地图数据进行操作是以JavaScript监听鼠标滚动、点击和拖拽事件的方式实现的。
6.根据权利要求1所述的一种基于面状shp地图图层的数据可视化方法，其特征在于，将分析结果数据叠加到SVG地图上时，采用的叠加方式包括着色叠加方式、气泡图叠加方式、饼状图叠加方式、扇形图叠加方式和/或柱状图叠加方式。
7.一种基于面状shp地图图层的数据可视化系统，其特征在于，包括: 地图数据转换模块:用于将面状地图图层的Shp格式地图数据转换为适用于Web应用展现的SVG地图数据； SVG地图呈现模块:用于通过JavaScript对SVG地图数据进行操作和展示，呈现出SVG地图； 数据叠加模块:用于对面状地图图层的地理信息进行分析，并将分析结果数据叠加到SVG地图上。
8.根据权利要求7所述的一种基于面状shp地图图层的数据可视化系统，其特征在于，所述地图数据转换模块包括: 加载解析模块，用于从面状地图图层中动态加载并解析shp格式地图数据； 路径生成模块，用于将shp格式地图数据转换为SVG path路径； SVG地图数据获取模块，用于通过SVG path路径进行坐标系的识别和转换，将shp格式地图数据转换为适用于Web应用展现的SVG地图数据。
9.根据权利要求7所述的一种基于面状shp地图图层的数据可视化系统，其特征在于，通过JavaScript对SVG地图数据进行操作具体包括:基于SVG地图数据，进行地图场景的放大、缩小、平移、位移和/或点选操作。
10.根据权利要求9所述的一种基于面状Shp地图图层的数据可视化系统，其特征在于，通过JavaScript对SVG地图数据进行操作是以JavaScript监听鼠标滚动、点击和拖拽事件的方式实现的。
【文档编号】G06T1/00GK104318508SQ201410602649
【公开日】2015年1月28日 申请日期:2014年10月31日 优先权日:2014年10月31日
【发明者】严敏 申请人:北京思特奇信息技术股份有限公司