湖南天地图轻松绘分段专题图模块实现简介

湖南天地图轻松绘分段专题图模块实现简介

功能介绍：

实现注册用户将excel中统计业务数据展示在分段设色的专题地图上

特点：

1.无需地名的坐标数据，在线地址匹配

2.在线配图，样式多样

截图：

产品：SuperMap iClient for JavaScript

版本：802

地图实现类：

1.SuperMap.Layer.Vector(湖南省行政边界，行政区划标签)

2.SuperMap.Layer.AllTDTLayer（在线天地图图层，SuperMap.CanvasLayer扩展，引用脚本为AllTDTLayer.js）

3.SuperMap.Layer.Range(分段专题图图层)

地图交互实现类:

1.Range注册mousemove事件（on("mousemove",function(){})）

2.悬浮div显示地图信息（mousemove事件控制div显示与隐藏，获取鼠标坐标）

数据存储获取：

1.Oracle存储地图基本信息（地图名称、地图创建时间等）

2.MongoDB存储地图业务数据，地图样式，地图简介等

3.iServer存储行政区划数据，包括边界及中心点

4.数据获取,通过发送REST服务请求，返回Json数据串，解析数据串，构造业务数据

前端展示实现流程图：

核心功能实现：

1.解析excel数据，定位行政区划

1.1实现思路

后台解析用户上传的excel数据后，对数据（下图一为数据格式）进行地名匹配。在前端js脚本中，提取地名数据，构造为sql语句，发送给iServer进行查询，iServer返回对应的几何数据。其中iServer已经录入湖南省标准的行政区划数据，所以在iServer即可直接进行地名的匹配。

2.绘制分段设色专题图与标签专题图

2.1实现思路

在iServer返回几何数据后，将几何数据和excel的业务数据组合插入RangeLayer中，中心点数据插入标签图中

3.分段专题图分段方法与样式设置

3.1分段方法

数据分段方法分为等个数分段，等间距分段，自定义分段。前端js将获取的excel数据排除重复项，从小到大排序后，确定数据所能分段的最大分段数，然后根据所选分段级数，分段方法，确定分段区间。

3.2样式设计

实现固定颜色方案和自定义区间颜色两种，固定的颜色方案提供15种色系方案（下图一），自定义区间颜色使用颜色拾取器，进行自定义颜色设置（下图二），实现对地图颜色的绘制（下图三）