《广州市天河区慢性病地理信息系统——“综合展示”模块》项目研发阶段性总结

作者：陈智鸿
本次任务完成时间：2018年12月1日～2019年1月21日
开发工具与关键技术：SuperMap iDesktop 9D、Supermap_iServer_8C、VS2015、C#、JS
完成模块功能：区域定位、查询搜索、图层管理器、工具箱、周边查询

一、功能实现
（1）、区域定位
区域定位是对天河区的街道和社区的定位。

（2）、查询搜索

地址查询
在输入框中输入天河区所管辖的地方的地址进行输入查询，并在地图上进行定位出来，如果输入的地址在地图找不到将不会显示，建议输入详细的地址

公司企业查询
在输入框中可以精确的输入天河区管辖区中的公司企业进行名称的查询，也可以进行公司企业的名 称关键字进行模糊查询，模糊查询的的结果会一一列举出来。在列举出来的公司，找到你要的公司企业并单击，结果会在地图上进行定位出来。

（3）、图层管理器

1.医院分布图层管理
概述：显示地图中所有医院信息及其周边信息。
操作:登录->主界面->图层管理器
移入主界面的“图层管理器”显示或关闭医院地理信息，如图所示：

2.医院详细信息
概述：根据点击的医院显示相应的信息。
操作:登录->主界面->图层管理器->开启医院分析图层
点击地图中的医院图标显示医院详细信息，如图所示：

3.医院周边查询
概述：根据条件显示医院周边的相关信息。
操作:登录->主界面->图层管理器->开启医院分析图层
点击医院详细信息弹窗中的“周围查询”按钮进行查询。查询的结果全部在右则的导航栏显示
可以点击名称进行定位。如图所示。（更多结果请看“周边分析”功能）

社康分布图层管理
概述：用于开启与关闭地图所有社康及其查看社康信息，并且查看该社康周边的相关信息。
1.开启或关闭社康图层显示地图中的所有社康。
操作:登录->主界面->图层管理器
移入主界面的“图层管理器”显示或关闭社康分布地理信息，如图所示：

2.社康周边查询
概述：查询社康的周边相应的信息，可以通过“周边分析”功能修改查询条件。
操作:登录->主界面->图层管理器
点击地图中的社康图标显示弹出框，然后点击弹出框中的“周边查询”，右则导航栏显示所有查询返回的结果，如图所示：

药店分布图层管理
概述：用于显示与关闭地图中的所有药店地理信息。
1.操作:登录->主界面->图层管理器->开启药店图层
点击主界面的“图层管理器”显示或关闭药店分布地理信息，如图所示：

2.查看药店的详细信息
概述：展示查询的药店地理详细信息。
操作:登录->主界面->图层管理器->开启药店图层
点击地图中的药店图标弹出药店详细信息，如图所示：

3.药店周边查询
根据条件查询药店范围中的相关信息。
操作:登录->主界面->图层管理器->开启药店图层
点击地图中的药店图标弹出详细信息，然后点击弹出窗中的“周边查询”按钮，如图所示:

病例分布散点图层管理
概述：根据病例的分布进行不同的标记，打点，来自现有的数据。
操作:.操作:登录->主界面->图层管理器->开启病例分布散点图
1.功能使用：病例在地图上的分布呈现功能，实现动态病例分布散点图，不同的病例类型需以不同风格的点进行呈现:

2.点击病例 会显示病例对应的详细信息：

3.点击病例详细的“周边查询”会跳转到“周边查询”模块，并会自动默认查询 周边500米的 药店，病例 信息：

病例分布热力图层管理
概述：病例分布实时热力图在地图上的呈现，根据时间段、年龄、性别、户籍、疾病、 疾病亚型组合条件筛选地图呈现数据。
操作:.操作:登录->主界面->图层管理器->开启病例分布热力图
登录前台进入主界面，移入地图右上方的“地图管理器”开启“病例热力分布图”，如图所示：

病原基因分布图层管理
操作:.操作:登录->主界面->图层管理器->开启病原基因分布图
概述：根据不同的病原在地图上进行打点。根据不同的图标进行展示。
功能使用：开启病原基因分布图界面上会出现不同颜色的图标，不同的图标表示什么可以参照图例中的说明。点击图标就会看到该基因对应的患者信息和对应对的基因信息。点击周边查询就会展示对应的药店和对应的病例。
备：在左边的功能管理中的周边分析，初始化时，查询的是周边半径为500m的药店和病例

（4）工具箱
距离测量

可以定点距离,从而知道起点到终点之间相距多少。

面积测量
画面,可以测算一个面有多大。

方框区域查询
点击“框选” 框选一个方型区域，自动查询范围内医院,社康等，点击查询的信息点 即可查看该 点的详细信息。

圆型区域查询
点击“圆选” 框选一个圆区域，自动查询范围内医院,社康等，点击查询的信息点 即可查看该 点的详细信息。

自定义区域查询

（5）周边查询

在地图中选择一个中心点,默认半径是500（最大2000），可以选择多个查询目标，默认是药店、病例。可以选择更多目标，做多6个。点击查询，右边的弹出周边分析详细，在范围内有的目标，以树形分类的形式显示，点击树形节点，对应定位在地图上并弹框显示，显示对应的显示信息。点击清空按钮，清空选择目标，清空图上标记和中心点。

二、相关业务表和关系

三、经典代码
创建地图对象、设置控件和创建图层：

var map, layer, markerLayer, vectorLayer,
style = {
strokeColor: "#304DBE",
strokeWidth: 1,
pointerEvents: "visiblePainted",
fillColor: "#304DBE",
fillOpacity: 0.5
};
//设置访问的gis地址
var url = "http://localhost:8090/iserver/services/map-TianHeSpace/rest/maps/省界_region_1@广州天河区";//地图路径
function onPageLoad() {
//创建地图对象
map = new SuperMap.Map("map", {
mixZoom: 12, maxZoom: 12,
controls: [
new SuperMap.Control.LayerSwitcher(),//图层选择控件类。 用于控制地图中的图层可见性。
new SuperMap.Control.ScaleLine(),//比例尺控件。默认位置为地图左下角。
new SuperMap.Control.PanZoomBar(),
//new SuperMap.Control.Zoom(),//缩放类。 用于缩放地图。默认情况下垂直显示在地图左上角。
new SuperMap.Control.Navigation({//此控件处理伴随鼠标事件（拖拽，双击、鼠标滚轮缩放）的地图浏览， 如果创建地图时没有设置任何控件，此控件会默认添加到地图。
dragPanOptions: {
enableKinetic: true
}
})]
});
// 创建图层对象
layer = new SuperMap.Layer.TiledDynamicRESTLayer("行政区划图", url,
{ transparent: true, cacheEnabled: true }, { maxResolution: "auto" });
layer.events.on({ "layerInitialized": addLayer });
}
function addLayer() {
vectorLayer = new SuperMap.Layer.Vector("vectorLayers"); //创建一个网格图层
markerLayer = new SuperMap.Layer.Markers("Markers");//创建一个有标签的图层
//向map中添加图层
map.addLayers([layer, markerLayer, vectorLayer]);
map.setCenter(new SuperMap.LonLat(113.38, 23.17), 0);//设置中心点
}

四、开发总结
这个系统主要用到SuperMap iDesktop 9D、Supermap_iServer_8C这两个软件。用SuperMap iDesktop 9D制作地图，用Supermap_iServer_8C来发布地图，然后在项目中引用Supermap_iServer_8C的插件，就可以把地图放在项目里面。这个项目主要是让我们如何去学习使用一款插件，还有自主学习能力，因为它有着丰富的事例，代码和帮助文档，使我们可以更加快速的学习和理解。刚开始学习时，感到很吃力，后面慢慢的结合事例和文档从中学习到一点东西，最后才能放在项目中把它展现出来。