基于三维WebGL技术的公安三维项目

一、总体框架

　　二、建设内容

　　完成三维数据采集，通过倾斜摄影技术实现三维数据采集。对三维数据进行数据加工处理，进行单体化，实现对楼层的房间的单体化，从三维图上能定位到具体的房间。并实现与社区警务三实信息采集的对接(需民警配合完成)。按照一标三实信息采集需求与规范，配合民警完成一标三实数据完善和标准化处理，将三实信息与单体化数据进行关联处理，实现在三维地图上对三实信息的全方面展示。

　　基于三维地图服务建设部份核心共性业务功能模块，如全市警务分布、以户找人、以人找户等应用功能。

　　三、数字化预案

　　包括预案制作、日常指挥调度预案、预案导出、预案推演、预案执行。

　　四、视频监控

　　视频监控主要针对目前案件相关视频查询和回放等工作。通过与视频监控等相关系统对接，实现视频监控位置的直观展示，实时视频的快速调用等功能。

　　五、GPS警力监控

　　GPS警力监控实现了对携带GPS定位设备的警力的实时定位监控与历史轨迹回放等功能，为领导实时的展现路面巡逻与案事件周边的警力资源，为警力的有效调配和管理提供强有力的支持，为领导的日常管理提供以及面对突发事件的决策提供服务。

　　六、旅店业管理

　　旅店业关联应用以旅馆数据为基础，旅馆业第三方业务系统数据为依托，围绕着治安日常工作中的旅店业管理，提供直观有效的管理手段。

　　七、网吧管理

　　网吧管理应用以网吧数据为基础，第三方业务系统数据为依托，提供直观有效的网吧以及上网人员的管理手段。


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title data-i18n="resources.title_closestFacilitiesService"></title>
<style type="text/css">body {margin: 0;overflow: hidden;background: #fff;width: 100%;height: 100%}#map {position: absolute;width: 100%;height: 100%;}#toolbar {position: absolute;top: 50px;right: 10px;width: 320px;text-align: center;z-index: 100;border-radius: 4px;}</style>
</head>
<body>
<div id="toolbar" class="panel panel-primary">
<div class='panel-heading'>
<h5 class='panel-title text-center' data-i18n="resources.text_closestFacilitiesService"></h5></div>
<div class='panel-body content'>
<div class='panel'>
<div class='input-group'>
<span class='input-group-addon' data-i18n="resources.text_weightField"></span>
<select class='form-control' id='edgeWeightNames'>
<option>length</option>
<option>time</option>
</select>
</div>
</div>
<div class='panel'>
<div class='input-group'>
<span class='input-group-addon' data-i18n="resources.text_turnField"></span>
<select class='form-control' id='turnNodeWeightNames'>
<option>TurnCost</option>
</select>
</div>
</div>
<input type="button" class="btn btn-default" data-i18n="[value]resources.text_input_value_eventPoint" onclick="selectEventPoint()"/>&nbsp;
<input type="button" class="btn btn-default" data-i18n="[value]resources.text_input_value_submit" onclick="findClosestFacilities()"/>&nbsp;
<input type="button" class="btn btn-default" data-i18n="[value]resources.text_input_value_clear" onclick="clearElements()"/>
</div>
</div>
<div id="map"></div>
<script type="text/javascript" include="bootstrap,widgets.alert" src="../js/include-web.js"></script>
<script type="text/javascript" exclude="iclient-classic" src="../../dist/classic/include-classic.js"></script>
<script>var host = window.isLocal ? window.server : "https://iserver.supermap.io";var  map, layer, vectorLayer, markerLayer1,markerLayer2, drawPoint, eventPoint, n = 0,facilityPoints = [new SuperMap.Geometry.Point(6000, -5500),new SuperMap.Geometry.Point(5500, -2500),new SuperMap.Geometry.Point(2500, -3500)],style = {strokeColor: "#304DBE",strokeWidth: 3,pointerEvents: "visiblePainted",fill: false},url1 = host + "/iserver/services/map-changchun/rest/maps/长春市区图",url2 = host + "/iserver/services/transportationanalyst-sample/rest/networkanalyst/RoadNet@Changchun";init();function init() {vectorLayer = new SuperMap.Layer.Vector("Vector Layer");drawPoint = new SuperMap.Control.DrawFeature(vectorLayer, SuperMap.Handler.Point);drawPoint.events.on({"featureadded": drawCompleted});map = new SuperMap.Map("map", {controls: [new SuperMap.Control.ScaleLine(),new SuperMap.Control.Zoom(),new SuperMap.Control.Navigation({dragPanOptions: {enableKinetic: true}}),drawPoint], units: "m"});map.addControl(new SuperMap.Control.LayerSwitcher(), new SuperMap.Pixel(42, 80));layer = new SuperMap.Layer.TiledDynamicRESTLayer("Changchun", url1, {transparent: true,cacheEnabled: true}, {maxResolution: "auto"});layer.events.on({"layerInitialized": addLayer});markerLayer1 = new SuperMap.Layer.Markers("Markers");markerLayer2 = new SuperMap.Layer.Markers("Markers");var size = new SuperMap.Size(44, 40),offset = new SuperMap.Pixel(-(size.w / 2), -size.h),icon1 = new SuperMap.Icon("./images/marker-gold.png", size, offset),icon2 = new SuperMap.Icon("./images/marker-gold.png", size, offset),icon3 = new SuperMap.Icon("./images/marker-gold.png", size, offset);markerLayer1.addMarker(new SuperMap.Marker(new SuperMap.LonLat(6000, -5500), icon1));markerLayer1.addMarker(new SuperMap.Marker(new SuperMap.LonLat(5500, -2500), icon2));markerLayer1.addMarker(new SuperMap.Marker(new SuperMap.LonLat(2500, -3500), icon3));}function addLayer() {map.addLayers([layer, vectorLayer, markerLayer1, markerLayer2]);map.setCenter(new SuperMap.LonLat(4503.6240321526, -3861.911472192499), 1);}function selectEventPoint() {widgets.alert.clearAlert();clearElements();drawPoint.activate();}function drawCompleted(drawGeometryArgs) {var point = drawGeometryArgs.feature.geometry,size = new SuperMap.Size(44, 33),offset = new SuperMap.Pixel(-(size.w / 2), -size.h),icon = new SuperMap.Icon("./images/marker.png", size, offset);markerLayer2.addMarker(new SuperMap.Marker(new SuperMap.LonLat(point.x, point.y), icon));eventPoint = point;n++;if (n >= 1) {drawPoint.deactivate();}}function findClosestFacilities() {widgets.alert.clearAlert();drawPoint.deactivate();if (!eventPoint) {widgets.alert.showAlert(resources.msg_eventPoint,true);return;}var findClosestFacilitiesService, parameter, analystParameter, resultSetting;resultSetting = new SuperMap.REST.TransportationAnalystResultSetting({returnEdgeFeatures: true,returnEdgeGeometry: true,returnEdgeIDs: true,returnNodeFeatures: true,returnNodeGeometry: true,returnNodeIDs: true,returnPathGuides: true,returnRoutes: true});var edgeWeightNamesSelect = document.getElementById("edgeWeightNames");var weightFieldName = edgeWeightNamesSelect.options[edgeWeightNamesSelect.selectedIndex].text;var turnWeightFieldSelect = document.getElementById("turnNodeWeightNames");var turnNodeWeightNames = turnWeightFieldSelect.options[turnWeightFieldSelect.selectedIndex].text;analystParameter = new SuperMap.REST.TransportationAnalystParameter({resultSetting: resultSetting,turnWeightField: turnNodeWeightNames,weightFieldName: weightFieldName});parameter = new SuperMap.REST.FindClosestFacilitiesParameters({event: eventPoint,expectFacilityCount: 1,isAnalyzeById: false,facilities: facilityPoints,parameter: analystParameter});findClosestFacilitiesService = new SuperMap.REST.FindClosestFacilitiesService(url2, {eventListeners: {"processCompleted": processCompleted}});findClosestFacilitiesService.processAsync(parameter);}function processCompleted(findClosestFacilitiesEventArgs) {var result = findClosestFacilitiesEventArgs.result,features = [];if (result.facilityPathList) {for (var i = 0, facilityPathList = result.facilityPathList, len = facilityPathList.length; i < len; i++) {var feature = new SuperMap.Feature.Vector();feature.geometry = facilityPathList[i].route;feature.style = style;features.push(feature);}}vectorLayer.addFeatures(features);}function clearElements() {widgets.alert.clearAlert();eventPoint = null;n = 0;markerLayer2.clearMarkers();vectorLayer.removeAllFeatures();}
</script>
</body>
</html>

基于三维WebGL技术的公安三维项目相关推荐

基于 HTML5 WebGL 的计量站三维可视化监控系统 Web 组态工控应用
前言得益于 HTML5 WebGL 技术的成熟,从技术上对工控管理的可视化,数据可视化变得简单易行!完成对工控设备的管理效率,资源管理,风险管理等的大幅度提高,同时也对国家工业4.0计划作出有力响应 ...
BIM研究-基于HTML5/WebGL技术的BIM模型轻量化Web浏览解决方案
内容来源:http://developer.51cto.com/art/201601/504553.htm 根据运维系统的特点,运维人员可能并不熟悉建筑建模软件的使用,同时让运维人员使用建模软件来做运 ...
bim 模型web页面展示_基于HTML5/WebGL技术的BIM模型轻量化Web浏览解决方案
互联网技术的兴起极大得改变了我们的娱乐.生活和生产方式.尤其是HTML5/WebGL技术的发展更是在各个行业内引起颠覆性的变化,大家感受最深刻的可能是游戏.电商.O2O等和我们生活息息相关的行业,但这 ...
基于 HTML5 WebGL 的高炉炉体三维热力图监控，展示“智慧工厂”十八般武艺
前言我国的钢铁产业一直致力于炼铁传感器.物联网.工业模型软件.专家系统.企业级炼铁大数据平台以及行业级工业互联网平台整体解决方案的研发和推广.目前已完成国内260座高炉的数字化和智能化落地,并推动炼 ...
如何运用无代码化三维WebGL平台-雀羽三维平台trying3d-制作PBR物理材质效果三维模型
1.登录雀羽三维平台 www.trying3d.com 快速进入作品管理界面. 2.创建一个新作品. 3.进入作品创作界面,上传模型至私有化素材库,并加载至作品场景中. 4.选择相应的模型,开启PBR ...
新一代三维GIS技术助力灭火救援工作更高效、更标准、更科学
2009年,SuperMap发布了首款二三维一体化GIS软件,并首次提出了二三维一体化GIS技术.随后,二三维一体化的应用系统不断涌现,二三维一体化技术逐步成为三维GIS发展和研究的主流.2017年, ...
新一代三维GIS技术在交通行业的创新应用
2009年,SuperMap发布了首款二三维一体化GIS软件,首次提出了二三维一体化GIS技术.随后,二三维一体化的应用系统不断涌现,二三维一体化技术逐步成为三维GIS发展和研究的主流.2017年,S ...
【三维激光扫描技术】原理、方法及实验图文教程目录
<三维激光扫描技术>专栏讲述目前最先进.最流行的三维激光技术,包括三维激光扫描技术原理,三维测距原理,国内外三维扫描设备,点云特点,三维建模,三维激光优势.应用领域,应用技术案例等. 文章 ...
三维点云数据处理软件供技术原理说明_三维激光扫描技术在地质灾害调查中的应用...
三维激光扫描技术是近几年发展起来的一种新兴测绘技术,该技术已广泛应用于工程建设与物体三维测量等测绘及相关领域,具有高效率.高精度的独特优势.本文在介绍三维激光扫描仪的工作原理的基础上,以邢台峡谷群地质 ...
matlab中给三维点云数据增加随机噪声_诺斯顿测量|三维激光扫描技术让化工厂改造变得更轻松和高效...
突发!9月1日下午,淄博一化工厂内发生火情,浓烟滚滚.据目击者称,火情发生在当天17:20左右并未造成人员伤亡,目前已被扑灭,起火原因尚在调查. 化工厂火灾.爆炸事故频繁发生每一次都让人唏嘘不已.据统 ...

基于三维WebGL技术的公安三维项目

基于三维WebGL技术的公安三维项目相关推荐

最新文章

热门文章