建设目标
项目基于三维地理信息，整合能源管理运维及服务的设备、管网及数据资源，建成集水、电、气、消防设施设备管理、决策支持分析、事件预警于一体的决策支持系统，打破信息孤岛，实现协同办公，做到水电供配、消防管道管理数字化、可视化，为能源管理运营、调度指挥、节能监管、分析决策、服务个性化提供决策支撑。
建设内容
1.三维数据采集及建库
本项目完成全校5平方公里内1:500的数字化地图及150公里管线(电力管线、给排水管线、消防供水管线、水电表计、供水阀门、消防阀门)及其附属设施测量、采集和建库，校内60余处配电房和箱式变电站BIM建模。包括：地下空间设施数据建库、专题管线数据建库、地下管线档案数据建库等。
2.三维平台
项目完成地理信息空间数据、管线(网)、能源数据、决策保障、保障预案、预警、报警设备定位、烟感、温感、红外、水质监测、排污监测、数据查询及统计分析等综合展示功能，并预留数据及信息推送接口。
主要功能要求如下：
图层类型
系统应具备二维图层、地形图层、三维图层、单体化图层四种基本图层。
测算分析功能
提供多种基础的三维量算功能，包括但不限于空间、贴地、水平、面积、高程量等。
对象操作功能
支持在场景中创建点、矢量线、面、文字标注、三维体、三维模型、粒子等几何对象;支持通过编辑对象，修改该对象范围内的地形效果、地表开挖区域、倾斜数据压平范围等操作，支持连续点选多个矢量、模型对象，支持通过平移、旋转、缩放操作编辑矢量、模型对象的位置与形状，支持实时编辑地表开挖区域和深度。
场景表达功能
创建场景、添加二三维数据、设置图层属性与图层风格、绘制对象、制作专题图等实用操作;支持二三维地形、影像、模型、矢量、地图等场景要素;支持特殊环境特效、真实地模拟地球所处的环境与光影效果;
场景、特效及浏览功能
系统支持在场景中实时浏览、 查询、编辑二三维数据的使用场景;能够完成场景：放大、缩小、倾斜、拉平竖起、旋转、缩放、快速定位，以及旋转相机任意角度、指向正北、调整俯仰角等漫游操作;实现从不同方位、不同角度自动浏览场景，支持过程中减速转弯平滑过渡的效果。
源码，部分代码开源如下：
<html>
<head>
<meta charset='utf-8'/>
<title data-i18n="resources.title_echartsLinesMillions_waterSystem"></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
<script type="text/javascript" include="jquery" src="../js/include-web.js"></script>
<script type="text/javascript" include="echarts" src="../../dist/leaflet/include-leaflet.js"></script>
<style>
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
100%;
}
</style>
</head>
<body>
<div id='map'></div>
<script type="text/javascript">
var host = window.isLocal ? window.server : "https://iserver.supermap.io";
var tileURL = host + "/iserver/services/map-china400/rest/maps/ChinaDark";
map = L.map('map', {
center: [37.94, 106],
maxZoom: 18,
zoom: 5
});
L.supermap.tiledMapLayer(tileURL).addTo(map);
option = {
progressive: 20000,
title: {
top: '10px',
text: resources.text_echartsLinesMillions_waterSystem,
subtext: resources.text_echartsLinesMillions_waterSystem_subtext,
left: 'center',
textStyle: {
color: '#fff'
},
subtextStyle: {
color: '#fff'
}
},
series: [{
type: 'lines',
blendMode: 'lighter',
coordinateSystem: 'leaflet',
dimensions: ['value'],
data: new Float64Array(),
polyline: true,
large: true,
lineStyle: {
color: '#0099FF',
1,
opacity: 0.3
}
}]
};
var echartsLayer = L.supermap.echartsLayer(option).addTo(map);
var CHUNK_COUNT = 19;
function fetchData(idx) {
if (idx > CHUNK_COUNT) {
return;
}
var dataURL = "https://iclient.supermap.io/web/data/bigdata_water_10w/data_" + idx + ".bin";
var xhr = new XMLHttpRequest();
xhr.open('GET', dataURL, true);
xhr.responseType = 'arraybuffer';
xhr.onload = function (e) {
var rawData = new Float32Array(this.response);
echartsLayer._ec.appendData({
seriesIndex: 0,
data: rawData
});
fetchData(idx + 1);
};
xhr.send();
}
fetchData(0);
</script>
</body>
</html>