<!DOCTYPE html>
<!--[if IE 8]>          <html class="ie ie8"> <![endif]-->
<!--[if IE 9]>          <html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->  <html> <!--<![endif]-->
    <head>
        <meta charset="utf-8" />
        <title>关于城市大脑未来形态的思考 - 行业动态 - 新闻中心 - 城市,大脑,数据,建设,平台,技术,服务,应用,运营</title>
        <meta name="keywords" content="城市,大脑,数据,建设,平台,技术,服务,应用,运营" />
        <meta name="description" content="当前，新一轮科技革命和产业变革正在孕育兴起，数字化正以不可逆转之势深刻改变人类生产生活方式。城市大脑作为新基建的重要内容，越来越成为推动城市治理体系和治理能力现代化的重要抓手，“十四五”发展纲要将数字" />
        <meta name="Author" content="胡坚波" />
        <!-- <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" /> -->
        <link rel="canonical" href="/col_hydt/202108/748C6AE41622E2F1BEE5D7B34396FDE1.htm"/>
        <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
        <link href="../../hdui/app/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="../../hdui/app/css/hdcore.min.css" rel="stylesheet" type="text/css" />
        <!-- SWIPER SLIDER -->
        <link href="../../hdui/app/plugins/slider.swiper/dist/css/swiper.min.css" rel="stylesheet" type="text/css" />
        <link href="../../hdimg/bas/css/hdcss.css" rel="stylesheet" type="text/css" />
        <link href="../../hdimg/bas/css/hdcss2.css" rel="stylesheet" type="text/css" />
        <link href="../../hdimg/bas/images_col/mycss.css" rel="stylesheet" type="text/css" />
        <link href="../../hdimg/bas/images_col/mycssmbi.css" rel="stylesheet" type="text/css" />
        <script>
                    checkBrowser("/hdmbi/bas/col_detail.php?id=150");
            function checkBrowser(url) {
                var ua = navigator.userAgent;
                if (ua.match(/(iphone|Android|midp-2|opera mini|ucweb|windows ce|symbianos|blackberry|nokia|palm|cellphone)/i)) {
                    window.location.href = url;
                    }
            }
                    </script>
    </head>
    <body class="smoothscroll enable-animation" style="background: #f8f8f8;">
<div style="width: 100%; position: absolute; left: 0; top: 0; z-index: 2; padding: 0 50px;">
    
<div class="Headertop">
    <h1 class="logo"><a href="/"><img alt="甘肃柏隆电子商务科技有限责任公司" src="../../hdupf/gimg/202001/20200107175335_758355.png" title="" style="border:0; width:180px; height:60px"></a></h1>
    <div class="naver">
        <div class="search">
            <a href="../../s/all/"><img src="../../hdimg/bas/images_col/sch.png"/></a>
        </div>
        <ul>
            <li><a href="/">首页</a></li>
            <li class="navMenu-item navMenu-item-1"><a class="navMenu-title " href="/col_gsgk/index" target="_blank">关于柏隆</a></li><li class="navMenu-item navMenu-item-2"><a class="navMenu-title selected" href="/col_qydt/index" target="_blank">新闻中心</a><ul><li><a href="/col_qydt/index/">企业动态</a></li><li><a href="/col_hydt/index/">行业动态</a></li></ul></li><li class="navMenu-item navMenu-item-3"><a class="navMenu-title " href="/hdapp/bas/col_up.php?sn=ywfw" target="_blank">业务领域</a><ul><li><a href="/col_kjcsmf/index/">鲲迹超数魔方</a></li><li><a href="/col_kjzspt/index/">鲲迹智算平台</a></li><li><a href="/col_idctgyw/index/">IDC托管业务</a></li><li><a href="/col_swcyld/index/">算网产业落地</a></li><li><a href="/col_qklyw/index/">云服务</a></li><li><a href="/col_qghlwjrfw/index/">全国互联网接入服务</a></li><li><a href="/col_cdnznccyw/index/">CDN智能存储业务</a></li><li><a href="/col_ywstxz/index/">业务生态协作</a></li></ul></li><li class="navMenu-item navMenu-item-4"><a class="navMenu-title " href="/col_hxjzg/index" target="_blank">企业文化</a></li><li class="navMenu-item navMenu-item-5"><a class="navMenu-title " href="/col_zpxx/index" target="_blank">人才招聘</a><ul><li><a href="/col_zpxx/index/">招聘信息</a></li><li><a href="/col_rcln/index/">人才理念</a></li></ul></li><li class="navMenu-item navMenu-item-6"><a class="navMenu-title " href="/col_lxfs1/index" target="_blank">联系方式</a></li>
        </ul>
        
    </div>
</div>
</div>
<div style="position: fixed; width: 100%; height: 1065px; top:0; z-index: 0;">
    <div style="height: 1065px; width: 100%; position: relative; overflow: hidden; background: #121212;" id="img_wrapper">
        <div style="height: 1065px;margin-left: -960px; left: 50%; width: 1920px;z-index: 1; position: absolute;">
            
        </div>
        <div style="height: 1065px;margin-left: -960px; left: 50%; width: 1920px;z-index: 2; position: absolute;">
            <div class="controls">
                <div class="functions"></div>
                <div class="rotate"></div>
            </div>
            <canvas width="2560" height="1000" style="min-width: 1000px; width: 100%; position: fixed; left: 50%; top: 15%; transform: translate(-50%, -50%);z-index: 1;"></canvas>
        </div>
    </div>
</div>
<div style="width: 100%; height: 180px; margin-top: 440px; position: relative; z-index: 2; background: url(../../hdimg/bas/images_col/dot.png) no-repeat center;">
</div>
        <div class="column" style=" position: relative; z-index: 3;">
    <ul>
        <li class=""><a href="/col_qydt/index/">企业动态</a></li><li class=" on"><a href="/col_hydt/index/">行业动态</a></li>    </ul>
</div>
        <div style="background: #fff; position: relative; z-index: 2;">
        <div class="container" style="background: #fff;">
            <div class="detail">
                <h2><span style="color:#000">关于城市大脑未来形态的思考</span> </h2>
                <div class="infos"><span>编辑：胡坚波</span> <span>来源：中国信通院</span> <span>更新于：2021-08-13</span><span>阅读：<span id="visitcount">0</span></span></div>
                <div class="contain"><p style="text-indent: 2em;">当前，新一轮科技革命和产业变革正在孕育兴起，数字化正以不可逆转之势深刻改变人类生产生活方式。城市大脑作为新基建的重要内容，越来越成为推动城市治理体系和治理能力现代化的重要抓手，“十四五”发展纲要将数字化发展单独成篇，提出分级分类推进新型智慧城市建设，推进城市数据大脑建设，探索建设数字孪生城市。本文聚焦城市大脑未来形态，首先从城市治理、产业发展等维度研究提出城市大脑发展需求，其次介绍城市大脑发展整体现状、特征及存在问题，分析探讨城市大脑未来形态，提出城市大脑落地实施建议。</p><p>&nbsp;</p><h2 style="text-align: center;"><span style="color: rgb(31, 73, 125);">一、城市大脑成为数字化转型重要抓手</span></h2><p style="text-indent: 2em;">城市大脑是基于云计算、物联网、大数据、人工智能等新一代信息技术，打通横向各部门、纵向各层级的业务壁垒，充分推进城市数据资源网络共享、集约整合、高效开发、全面赋能，支撑城市运行生命体征感知、公共资源配置优化、重大事件预测预警、宏观决策指挥的新型基础设施。城市大脑的建设不仅仅是技术创新，更是社会创新，它揭示了城市未来的发展模式，预示着城市文明新阶段的到来。2020年3月31日，习近平总书记在视察杭州城市大脑运营指挥中心时指出，运用大数据、云计算、区块链、人工智能等前沿技术推动城市管理手段、管理模式、管理理念创新，从数字化到智能化再到智慧化，让城市更聪明一些、更智慧一些，是推动城市治理体系和治理能力现代化的必由之路，前景广阔。</p><p><br/></p><p style="text-indent: 2em;">城市大脑是数据治理与运营的“催化剂”。城市大脑通过政务数据编目，汇聚融合各类数据，形成数据治理体系，统一提供数据接口、共享和开放服务，逐步形成本地化的大数据资源中心，支撑城市各项智慧应用建设。通过搭建城市公共数据资源赋能平台，可以打造一批数据调用服务组件，对外提供电子证照、地理信息、房屋等基础数据调用服务，也可通过数据赋能，推动治理向基层下沉，减轻基层日常工作负担。</p><p><br/></p><p style="text-indent: 2em;">城市大脑是城市治理的“使能者”。随着我国新型城镇化进程逐步推进，交通拥堵问题严重、公共安全事件频发、城市污水和垃圾处理能力不足、环境污染加剧等“大城市病”日益突出，城市治理需要更高、更宽的视野和更新、更灵的工具，城市大脑作为城市治理者的全新工具，通过全社会数据融合和资源整合，提升政府整体数据分析能力，为有效处理复杂社会问题提供了新的手段。基于数据的科学决策能够推动政府管理理念和社会治理模式的进步，加快建设法治政府、创新政府、廉洁政府和服务型政府，逐步实现政府治理能力现代化。</p><p><br/></p><p style="text-indent: 2em;">城市大脑是产业发展的“助推剂”。城市大脑为产业升级和创新提供了赋能平台，促进传统产业转型升级，培育战略性新兴产业。通过搭建数字经济“产业大脑”，可以绘制数字经济产业图谱，全方位多角度展示产业发展状况、产业全景图和重点企业，并围绕产业链短板和提升节点，精准推荐招商靶向企业，为政府提供精准、专业、实时的线上招商服务。</p><p><br/></p><p><br/></p><h2 style="text-align: center;"><span style="color: rgb(31, 73, 125);">二、城市大脑整体处于发展起步阶段</span></h2><p style="text-indent: 2em;">“十四五”期间城市大脑投资规模可达千亿。据不完全统计，截止2020年10月底共129个项目以“城市大脑”为名进行招标，平均中标金额约为5500万元，成为当前新型智慧城市建设热点。在全国36个省级城市（含直辖市、计划单列市）、255个地级市和2851个县级行政区中，完成或正在建设的城市不足2%，根据中国信息通信研究院测算，2019年全国智慧城市投资总规模约为1.7万亿元，而城市大脑占智慧城市总投资比例约为4%，预计未来几年城市大脑项目可能保持100%以上增速，十四五期间城市大脑投资规模可达千亿。此外，在地域分布上，东部地区城市大脑建设数量遥遥领先，占比达到60%，其中，浙江省共17个市县开始建设城市大脑，建设普及率全国第一。</p><p>&nbsp;</p><p style="text-indent: 2em;">技术演进方面，数字孪生技术作为城市大脑的重要技术方向，纳入国家和地方发展战略体系。《中华人民共和国国民经济和社会发展第十四个五年规划和2035年远景目标纲要》明确提出要“探索建设数字孪生城市”。2020年，国家发改委、科技部、工信部、自然资源部、住建部等部委密集出台政策文件，有力推动城市信息模型（CIM）及建筑信息模型（BIM）相关技术、产业与应用快速发展，助力数字孪生城市建设。随着数字孪生城市在雄安新区先行先试，数字孪生建设理念深入到各地新型智慧城市规划中。上海市发布《关于进一步加快智慧城市建设的若干意见》，明确提出“探索建设数字孪生城市”；海南省发布《智慧海南总体方案》，提出“到2025年底，基本建成‘数字孪生第一省’”；浙江省提出建设数字孪生社区。据中国信息通信研究院统计，2018年城市信息模型（CIM）相关投标项目全国仅有两项，2019年新增8项，2020年（截至2020年10月）新增19项，增长迅猛，标志城市信息模型已加速进入到探索推广阶段。</p><p>&nbsp;</p><p style="text-indent: 2em;">业务功能方面，一网统管成为城市大脑的发展方向，着力构建跨领域、跨层级高效调度体系。各地城市大脑着重提升协同联动能力，深化“一网统管”建设，一方面聚焦公共安全、应急管理、规划建设、城市网格化管理、交通管理、市场监管、生态环境等重点领域，实现态势全面感知、风险监测预警、趋势智能研判、资源统筹调度、行动人机协同；另一方面打破“层层上报、层层审批”传统上传下达方式，改变数据采集慢、融合难、整理耗时等顽疾，着力构建“市、区、街道社区”三级联动体系，实现快速灵活综合调度。例如疫情防控初期，传统数据报送处理方式层级多，数据从采集、整理、摸排、上报到发布要一天左右，海口城市大脑疫情防控智能指挥平台建立“市、区、街道社区”三级联防联控体系，基层人员和公众可直报数据到城市大脑，城市大脑处置命令直达工作人员，实现命令下达、执行跟踪、摸排上报、群防群治全链路快速闭环，避免了多级数据采集和命令传达。</p><p>&nbsp;</p><p style="text-indent: 2em;">应用支撑方面，城市大脑发挥城市基础设施作用，助力应用快速开发，为应用场景开发节省时间和成本。疫情前期发展迅速，急需快速搭建疫情监测、人口排查、防控指挥等新应用，城市大脑可基于基础支撑平台、成熟应用组件库、基础数据库等，快速搭建疫情防控新平台。例如杭州基于城市大脑快速开发健康码平台，将开发周期从常规的4周缩短到16小时；北京海淀区基于城市大脑的“时空一张图”和“AI计算平台”等快速上线疫情防控平台。</p><p>&nbsp;</p><p style="text-indent: 2em;">产业生态方面，企业基于四大核心优势入局城市大脑领域，形成群雄逐鹿产业格局。一是以云数为内核的生态整合实力，基于“云+数”优势，通过打造城市级“云数”平台，面向合作伙伴打造“合作生态”，合作伙伴基于平台快速构建应用层，提供最后一公里的服务。如华为依托同时提供云管端协同ICT产品与解决方案的能力，打造数据底座，提供云计算服务、新ICT能力和行业使能，构建开放的数字化生态。二是以AI为核心的技术实力，基于AI核心技术，提供更多具有“AI思维”的解决方案，迅速打开市场空间。如百度基于百度大脑和AI核心技术，提出AI智能城市“ACE王牌计划”，引入自动驾驶汽车、智慧道路车路协同，提升车和路的智能化水平，引入自主泊车，帮助驾驶员节省找停车位的时间。三是便捷触达公众优势，依托城市服务平台便捷触达公众优势，让城市智能中枢的应用工具和应用场景的多样性上具有得天独厚的优势，形成技术与场景的点线面结合。如腾讯提出构建“WeCity未来城市”，以腾讯云的基础产品和能力为底层，为数字政务、城市治理、城市决策和产业互联等领域提供解决方案，并通过微信、小程序等工具触达用户。四是系统集成能力，传统集成商依托强大的产业链上下游整合、整体解决方案提供和售后服务能力等优势，积极入局城市智能中枢建设，如2020年中软国际1.47亿中标张家港城市大脑项目。</p><p>&nbsp;</p><p style="text-indent: 2em;">本次新冠肺炎疫情期间，城市大脑暴露出平台赋能不足、业务支撑不力、建设运营模式不清晰等问题。一是平台赋能不足，城市大脑组件化工具化能力较弱，难以快速提供上层系统需要的大数据、物联网感知、城市信息模型等服务，场景灵活搭建和系统快速生成能力不强，亟需打造城市大脑支撑平台全面赋能上层应用。二是跨部门业务协同型场景支撑不力，城市大脑中涉及多部门联动处置的业务经常出现“数据盲区、数据打架”等问题，一张图规划、一盘棋管理等跨部门跨行业应用场景效果不明显，对决策指挥、联防共治造成困难，需城市大脑针对跨部门业务需求打造一批典型场景和超级应用。三是城市大脑长效运营模式不清晰，城市大脑系统复杂度高、技术更新迭代快、所需资金巨大，需建立长效运营理念，建立与技术支撑、制度建设相匹配的城市级建设运营服务体系，引入具有定制化服务、长效运营增值、生态伙伴培引等能力的本地运营机构支撑。</p><p>&nbsp;</p><h2 style="text-align: center;"><span style="color: rgb(31, 73, 125);">三、一体四翼构建未来城市大脑</span></h2><p style="text-indent: 2em;">城市大脑以网络、计算、感知设施为基础，全面汇聚整合分布在城市各级各部门各行业的海量数据，构建聚合数据、共享技术、协同业务、赋能应用的城市运营中枢平台，促进数据协同、技术协同、业务协同，赋能生产、生活、生态等上层应用场景。作为城市新型基础设施，城市大脑将是开放、不断完善、迭代发展的，一方面能够随着未来信息技术发展不断演进，另一方面随着各行业信息化建设逐步深化，激活城市各行业以及跨行业的基于城市大脑的系统建设，有序推进各行业系统接入及提升，最终实现城市治理和服务领域的全覆盖。城市大脑未来形态的总体架构见图1。</p><p>&nbsp;</p><p style="text-align: center;"><img src="../../hdupf/img/202107/20210813163325_561425.png" title="202107221626941956129951.png" alt="城市大脑总体架构.png"/></p><h3><span style="color: rgb(79, 129, 189);">（一）四大核心平台</span><br/></h3><p style="text-indent: 2em;">城市大脑是互联网大脑架构与智慧城市建设结合的产物，是城市级的类脑复杂智能巨系统，在人类智慧和机器智能的共同参与下，在物联网、大数据、人工智能、边缘计算、5G、云机器人、数字孪生等前沿技术的支撑下，充分推进城市数据资源网络化共享、集约化整合、高效化开发、全面化赋能，注重标准接口的提炼和统一，各类共性支撑平台是城市大脑的核心要素。</p><h4><strong>1、城市大数据平台</strong></h4><p style="text-indent: 2em;">城市大数据平台以CIM数据为骨架，通过对全域全量数据汇聚、融合、存储与分析，并使用智能感知、分布式存储、数据挖掘、实时动态可视化等大数据技术，提高数据资源利用水平，成为数据驱动治理模式的强大引擎。随着数据处理技术的不断进步，数据应用的需求不断提升，城市大数据的数据资源来源越来越丰富。同时，城市大数据结构异构特征显著，数据量大，速度增速快、处理速度和实时性要求高，且具有跨部门、跨行业流动的特征。虽然各级地方政府和企业都在积极探索城市大脑建设，但仍然存在特色不明、体验不佳、共享不足等问题，究其根源在于，未能实现城市大数据资源与城市业务的良好融合，大部分城市仍停留在政务数据共享交换平台的水平，主要在政府内部进行数据共享。</p><h4><strong>2、城域物联感知平台</strong></h4><p style="text-indent: 2em;">城域物联感知平台以全域物联感知和智能化设施接入为基础，为设备开发者、应用开发者、业务管理者、运维服务者等各参与者，提供物联感知服务，成为终端设备与智能应用之间的纽带。城域物联感知平台的核心功能主要包括接入管理、设备管理、数据管理等三部分，向下接入感知终端，兼容适配各类协议接口，提供感知数据的接入与汇聚；中间面向设备开发者、管理者、运维者提供远程运维管理、事件告警、反向控制等设备管理；向上为应用开发者提供数据解析、数据分析、数据统计、数据调用等数据管理，支撑物联数据创新应用。</p><p style="text-align: center;"><img src="../../hdupf/img/202107/20210813163325_987997.png" title="202107221626942091199667.png" alt="微信截图_20210722162120.png"/></p><h4><strong>3、城市信息模型平台</strong></h4><p style="text-indent: 2em;">城市信息模型平台是刻画城市细节、呈现城市趋势、推演未来趋势的综合信息载体。城市信息模型平台基于城市GIS地图，按照地形层、道路层、建筑层、水域层等顺序加载城市大数据平台和城域物联感知平台数据，并对建筑物、桥梁、停车场、绿地等城市部件进行单体化处理。在模型单体化基础上，同步接入人口、房屋、水电燃气、交通等城市公共系统的信息资源，实现可视化展示城市运行状态，并运用模拟仿真、深度学习等技术，模拟推演城市发展态势。</p><p>&nbsp;</p><h4><strong>4、应用支撑模型平台</strong></h4><p style="text-indent: 2em;">应用支撑模型平台是城市大脑关键共性技术、应用开发组件和城市模型服务的模块化封装集成平台，实现灵活配置和高效开发利用，包括共性应用组件服务、信息模型服务和核心使能技术服务。其中，共性应用组件服务包括信用服务、身份认证、非税支付、电子证照等底层技术支撑；信息模型服务是指面向应用场景的赋能服务，包括自定义渲染服务、空间分析计算、虚实融合互动等；核心使能技术服务包括人工智能、大数据、区块链等新技术能力，为上层应用提供技术支撑。</p><p>&nbsp;</p><h3><span style="color: rgb(79, 129, 189);">（二）七大协同场景</span></h3><p style="text-indent: 2em;">城市大脑在行业系统应用的基础上，着眼城市建设和管理，以解决城市运行问题为牵引，赋能场景不断向跨部门跨领域的超级场景应用方向发展，协同联动成为业务场景建设的重点和亮点。</p><p>&nbsp;</p><h4><strong>1、多规融合一图管控</strong></h4><p style="text-indent: 2em;">城市大脑整合所有基础空间数据、现状数据、规划成果、地下空间数据等城市规划相关信息资源，在城市信息模型上实现合并叠加，解决潜在冲突差异，统一空间边界控制，形成规划管控的“一张蓝图”。在充分保证“一张蓝图”实时性和有效性的前提下，汇聚更多规划相关数据，如人口分布密度、绿地面积布局、交通流量、实时环境检测、空气流动、温度变化、人们社交活动等信息，基于全量数据构建各类模型，如城市风貌模型、控规模型、参数化模型等，对各种规划方案及结果进行模拟仿真及可视化展示，实现方案的优化和比选。</p><p>&nbsp;</p><h4><strong>2、项目建设全程可视</strong></h4><p style="text-indent: 2em;">在设计阶段，利用数字孪生技术，构建还原设计方案周边环境，充分考虑设计方案和已有环境的相互影响因子，让原来到施工阶段才能暴露出来的缺陷提前暴露在虚拟设计过程中，方便设计人员及时针对这些缺陷进行优化。在施工阶段，利用数字孪生技术将施工方案和计划进行模拟，分析进度计划的合理性，对施工过程进行全面管控。在运营维护阶段，基于设计、施工、装配过程中留存数据生成的建筑三维模型，结合建筑内外部各类传感器、监控设备采集的建筑环境数据、设备运行数据、构件压力和应变数据、视频监控数据、异常报警数据等，开展智能分析，对可能出现的建筑寿命、设备健康等问题进行预测预警。</p><p>&nbsp;</p><h4><strong>3、城市运行一网统管</strong></h4><p style="text-indent: 2em;">基于标准统一的城市部件数字编码标识体系和空天地全方位立体部署的物联感知设施，为各类城市部件、基础设施甚至是动植物等生命体赋予独一无二的“数字身份证”，实现对城市部件的智能感知、精准定位、故障发现和远程处置。利用城市智能引擎赋能城市摄像头，智能识别跨门经营、违章停车、堆物堆料、暴露垃圾、无证游商、积存垃圾渣土、沿街挂晒等违章行为，通过智能立案、派发、审核，缩减案件处置流程，有效缩短处置时间、节省工作人力投入，提升城市管理的智能化，提升市民满意度。此外，通过全要素数据聚合，准确抓取城市体征，进行城市画像，洞察城市机场、高铁站、交通枢纽、地铁站、热门景点、博物馆、图书馆、体育馆运行状态和实时利用率，人和车辆动态和轨迹追踪，城市大型建筑、桥梁、游乐场、重点设施的安全监控，一张图全景展现城市运行动态。</p><p>&nbsp;</p><h4><strong>4、公共安全一屏掌控</strong></h4><p style="text-indent: 2em;">依托城市大脑，基于AI和大数据技术能力，构建治安防控圈，对重点区域、重点出入口等监控点位的人员和车辆进行全覆盖、全方位智能采集，将散布在城市各个角落的监控摄像头等设备产生的数据连接起来，进行分析与整合，根据结构化数据形成一脸一档、一车一档、标签库等，做到“人过留像、车过留牌、留特征、留轨迹”，当社会治安防控中智能发现显性问题时，可实现自动报警、快响应与协同处置，从而实现对城市的精准分析、整体研判、协同指挥，使“雪亮”工程更“明亮”。如当发生老年人、幼童走失等事件时，系统自动调动事发现场及其周边视频监控设备，通过轨迹跟踪和自动寻位，降低走失风险。</p><p>&nbsp;</p><h4><strong>5、应急指挥一键调度</strong></h4><p style="text-indent: 2em;">城市应急态时，城市大脑发挥应急指挥中心功能，为决策者实时远程分析、展示城市各类信息，对重大事件和重点人群进行动态监测、跟踪、预警，支持跨层级、跨部门的全域资源快速调动，有效应对重大公共安全事件、突发公共卫生事件、自然灾害等紧急突发事件，做到统一平台、统一通信、统一部署、统一指挥、统一调度，打造领导“管理驾驶舱”。整合视频监控等各类信息，快速还原应急事故现场的环境，为相关部门开展灾情研判、灾害分析等工作提供保障；通过可视化的界面形象的实时展示各种应急资源的位置、状态，并基于空间实际地理坐标对可用应急资源进行查询，形成应急资源一张图；通过三维模拟仿真技术对整个应急事件的处置全流程进行仿真，在仿真的过程中通过多种评价方式对每个具体的仿真流程，整体应急资源的准备情况，应急预案整体执行效率等进行多角度的评价，为领导决策提供科学辅助。</p><p>&nbsp;</p><h4><strong>6、政务服务一网通办</strong></h4><p style="text-indent: 2em;">以城市大脑建设为基础，打造一体多端的政务服务平台，以政府服务大厅、政务服务网、城市级app、自助终端、12345热线等整合各部门、各领域现有公共服务入口，形成统一入口，汇聚用户使用频率高、需求量大的服务事项，实现政务服务线下大厅办、网上办、掌上办、自助办、12345 热线办等多渠道联动。打造政务服务支撑平台，推进区块链+政务服务审管互动应用，加强政务服务事项治理分析，利用OCR 识别、自然语言处理、语音识别、智能机器人等 AI 能力，实现跨部门业务流程自动化、12345语音智能识别、审批材料智能化识别，解决审批信息二次录入问题，支撑利企惠民服务直达。以惠民服务为例，通过“掌上政务”服务平台融合身份证、驾驶证、社保卡、医保卡、银行卡等功能权限，为市民提供交通出行、教育缴费、看病就医、政务服务、智慧社区、信用支付、不动产交易、小微贷款、图书馆借阅、公园景点等便民服务。</p><p>&nbsp;</p><h4><strong>7、产业发展一图总览</strong></h4><p style="text-indent: 2em;">基于城市大脑，汇聚投资、消费、就业、税收、财政、金融、能源等经济运行领域的监测数据，为产业经济运行分析数据支持。开展产业运行态势综合监测，实现生产运营管理总体情况概览，包括产业结构数据、入驻企业、产值分析、税收、招商引资数据、税收数据、复工复产情况等；生成产业地图，重点聚焦城市产业分布，从空间和产业两个维度，形成现状图和未来图，通过发挥产业地图的指引作用，有效服务各类投资者，推动重大项目与产业地图精准匹配、快速落地，引导社会资本向重点区域集聚，加快构建集产业链、创新链等融为一体的产业要素体系；探索产业经济分析，通过分析城市传统产业、优势产业、战略产业的发展规模、投资、效益、税收情况，以及各产业在研发、生产、销售、管理各环节状态、资源情况，建立经济运行大数据分析模型，对区域经济运行趋势进行分析和预判，为淘汰落后产能、清理“僵尸企业”、鼓励科技创新、扶持优势产业、改造技术落后企业等一系列经济调节目标提供及时、精准、有效的决策信息。</p><p>&nbsp;</p><h2 style="text-align: center;"><span style="color: rgb(31, 73, 125);">四、因地制宜推动城市大脑落地实施</span></h2><p style="text-indent: 2em;">因地制宜创新建设运营模式。相对智慧城市建设，城市大脑的技术复杂度更高、更新速度更快、系统集成度更难，势必需要专业的公司进行建设和运营。目前，国内城市大脑建设主要有三种模式：</p><p><em><strong>（1）企业总包建设运营模式。</strong></em>由某家企业总包负责城市大脑建设运营，企业通常为与城市签订战略合作协议的国内领军ICT企业。该模式优点是系统之间集成整合相对平滑，政府部门统筹组织难度低，缺点是城市大脑的企业标签化色彩重，技术体系相对不开放。</p><p><em><strong>（2）领军企业生态圈建设+主导企业运营模式。</strong></em>由智慧城市主管部门组织实施，以某个国内领军ICT企业负责城市大脑的总体架构设计和核心模块建设，以一批专业化企业形成生态圈共同参与城市大脑不同模块建设。在城市大脑建设完成投入运行后，由主导企业负责后续运营工作。该模式优点是建设阶段能最大化生产合力，缺点是政府统筹组织压力大。</p><p><em><strong>（3）政企合作组建公司开展建设运营模式。</strong></em>由政企合作的公司负责建设运营，该公司通常为某主导企业和后续参与建设的领军企业合资，将该领军企业的技术方案进行落地，同时引入其他专业化企业参与建设，并承担后续运营工作。该模式优点是整个建设运营阶段都由专业化公司负责，有效整合企业资源，缺点是组建公司等前期准备工作相对复杂。</p><p>&nbsp;</p><p style="text-indent: 2em;">内外协同构建建设运营生态。城市大脑是一个复杂巨系统，需要协调内外部资源形成建设运营生态。一方面，对内强化统筹协调，形成政府多部门协同合力。如杭州市级层面成立杭州城市大脑建设领导小组，由市委书记挂帅，另有6位市领导担任副组长，一位副市长主抓，各区县（市）和各部门主要领导均为领导小组成员。同时，以项目为单元，建立工作专班，统一进驻云栖小镇集中办公。上海成立城市运行综合管理中心，持续深化联席会商机制，对于需要多部门共同处置的事件，建立共同的规则和秩序，明确责任主体、规范处置流程。另一方面，对外成立产业联盟，聚合市场建设资源。如在海淀城市大脑建设过程中，百度牵头华为、中国联通、中海投资、比特大陆、旷世科技、千方科技、商汤、中科寒武纪、佳讯飞鸿等45家公司成立科技产业联盟。在杭州城市大脑建设过程中，阿里云负责总体架构以及计算平台、数据采集系统、数据交换中心、开放算法平台、数据应用平台等核心模块建设，海康威视、大华股份、数梦工场、杭州城市大数据运营有限公司等多家企业负责组成模块建设。</p><p>&nbsp;</p><p style="text-indent: 2em;">示范引领稳步推进城市大脑建设。城市大脑建设应根据自身城市发展战略、数字政府建设需求、数字社会及数字经济发展需求，遵循“需求导向、顶层设计、示范引领、分步实施”思路稳步推进，避免贪大求快。根据项目实施重点的不同，可以城市大脑建设期细分为夯实基础、推广应用、全面建设三个主要阶段。夯实基础阶段重点围绕顶层设计编制、平台运营公司组建、平台及重点子系统建设等工作开展；推广应用阶段重点围绕平台及重点系统完善、先行先试示范应用项目建设等工作开展；全面建设阶段重点围绕各领域智慧应用服务全面深化和协同运行，形成一批特色智慧应用，输出地方特色方案。</p><p>&nbsp;</p><p><br/></p></div>
                <div class="pre_next">
                    <ul class="pager" id="prevnext"></ul>
                </div>
            </div>
        </div>
        </div>
          <div style="width: 100%; height: 53px; border-bottom: 1px solid #414141; background: #121212; position: relative; z-index: 10;">
      <div class="body wow fadeInUp">
          <div id="foot_menu">
            <ul class="yiji">
                <!-- <li><a href="/">网站首页</a></li> -->
                <li class="li1 "><a href="/col_gsgk/index">关于柏隆</a></li><li class="li2 "><a href="/col_qydt/index">新闻中心</a></li><li class="li3 "><a href="/col_qghlwjrfw/index">业务领域</a></li><li class="li4 "><a href="/col_hxjzg/index">企业文化</a></li><li class="li5 "><a href="/col_zpxx/index">人才招聘</a></li><li class="li6 "><a href="/col_lxfs1/index">联系方式</a></li>            </ul>
          </div>
          <div id="foot_lx">
            <ul>
              <li>
                <a href="#"><img src="../../hdimg/bas/images_col/wb.png"/></a>
                <div class="hover"><a href="https://mp.weixin.qq.com/s/qXhQXdxl_jefdGRLzEfFvQ"><img alt="柏隆科技" src="../../hdupf/gimg/202107/20210719175707_293057.jpg" title="" style="border:0; width:100px; height:100px"></a></div>
              </li>
              <li>
                <a href="#"><img src="../../hdimg/bas/images_col/qq.png"/></a>
                <div class="hover"><a href="https://mp.weixin.qq.com/s/qXhQXdxl_jefdGRLzEfFvQ"><img alt="柏隆科技" src="../../hdupf/gimg/202107/20210719175707_293057.jpg" title="" style="border:0; width:100px; height:100px"></a></div>
              </li>
              <li>
                <a href="#"><img src="../../hdimg/bas/images_col/wx.png"/></a>
                <div class="hover"><a href="https://mp.weixin.qq.com/s/qXhQXdxl_jefdGRLzEfFvQ"><img alt="柏隆科技" src="../../hdupf/gimg/202107/20210719175707_293057.jpg" title="" style="border:0; width:100px; height:100px"></a></div>
              </li>
            </ul>
          </div>
      </div>
  </div>
  <div style="width: 100%; height: 210px;background: #121212; position: relative; z-index: 9;">
      <div class="body wow fadeInUp">
        <div id="foot_erweima">
          <p class="pic"><a href="https://mp.weixin.qq.com/s/qXhQXdxl_jefdGRLzEfFvQ"><img alt="柏隆科技" src="../../hdupf/gimg/202107/20210719175707_293057.jpg" title="" style="border:0; width:100px; height:100px"></a></p>
          <p class="text1">服务热线：</p>
          <p class="text2">0931-2338333</p>
          <p class="text1">传真：0931-2338333</p>
        </div>
        <div id="foot_yx">
          <ul>
            <li><span class="fa fa-envelope"></span>  邮箱：bolongkeji@bolong0931.com</li>
            <li><span class="fa fa-location-arrow"></span>  地址：中国甘肃省兰州市城关区庆阳路42号</li>
          </ul>
        </div>
        <div id="foot_form">
          <p class="text1">告诉我您的电话，我们联系您</p>
          <form>
            <input class="sch_input" type="text" name="k"/>
            <a href="/f/add/?sn=guestbook&burl=aHR0cDovL3d3dy5ibDA5MzEuY29tL2hkYXBwL2Jhcy9jb2xfZGV0YWlsLnBocD9pZD0xNTA=" data-target="#modal" data-toggle="modal" data-backdrop="static" class="sch_btn block">提交</a>
          </form>
        </div>
      </div>
  </div>
<div style="width: 100%; height: 50px;background: #050505; position: relative; z-index: 9;">
  <div class="body" style="height: 50px;">
      <div id="foot_info">
          Copyrights©2025 All Rights Reserved 版权所有 甘肃柏隆电子商务科技有限责任公司 <a href="http://beian.miit.gov.cn/" target="_blank">陇ICP备19004564号</a>
          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=62010202002842" ><img src="../../hdimg/bas/images/ga.png" alt="甘公网安备62010202002842号"/> 甘公网安备 62010202002842号</a>
      </div>
  </div>
 </div>




<a href="#" id="toTop"></a>



<!--[if lte IE 9]>
    <div class="tc_cont_w  tc_show" >
      <div class="tc_bg"></div>
      <div class="tc_cont">
        <dl class="tc_main">
          <dd class="tc_head">温馨提醒</dd>
          <dd class="tc_gantan"> <img src="../../hdimg/bas/images/gantan.png" /> </dd>
          <dd class="tc_txt">尊敬的用户，为了获得更好的用户体验，建议您使用高版本浏览器来对网站进行查看。</dd>
          <dd class="tc_btn"> <a href="../../browser.htm" target="_blank">一键下载放心安装</a></dd>
        </dl>
      </div>
    </div>
<![endif]-->
<div class="mload modal fade" id="modal" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content"><div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div></div>
    </div>
</div>
<div class="mload modal fade" id="modal-sm" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content"><div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div></div>
    </div>
</div>
<div class="mload modal fade" id="modal-lg" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="text-align: center;"><div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div></div>
    </div>
</div>
<div class="mload modal fade" id="modal-full" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-full">
        <div class="modal-content"><div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div></div>
    </div>
</div>
<script type="text/javascript">var plugin_path = '../../hdui/app/plugins/';</script>
<script type="text/javascript" src="../../hdui/app/js/j.min.js"></script>
<script type="text/javascript" src="../../hdui/app/js/b.min.js"></script>
<script type="text/javascript" src="../../hdimg/bas/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="../../hdimg/bas/js/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="../../hdui/app/js/hdjs.min.js"></script>
<script type="text/javascript" src="../../hdimg/bas/js/myjs.js"></script>
<!-- SWIPER SLIDER -->
<script type="text/javascript" src="../../hdui/app/plugins/slider.swiper/dist/js/swiper.min.js"></script>
<script type="text/javascript" src="../../hdui/app/js/view/demo.swiper_slider.js"></script>

<script src="../../hdui/app/plugins/validate/jquery.validate.min.js"></script>
<script src="../../hdui/app/plugins/validate/jquery.validate.add.js"></script>
<script src="../../hdui/app/plugins/validate/jquery.validate.cn.min.js"></script>

<script>
$(document).ready(function() {
  $('.nav-menu-content-box').hover(function() {
          $(this).addClass('dow-hover');
          $(".nav-menu-content").show('slow');
      }, function() {
          $(this).removeClass('dow-hover');
      });
    $.get('/hdapp/bas/d.php?ac=all',function(all){
        var reobj = eval('(' + all + ')');
        var ttip = reobj.sysvisit.ttip;
        var ttvp = reobj.sysvisit.ttvp
        $("#umenu").html(reobj.umenu);
        $("#sys_count_ttip").html('UV/'+ttip);
        $("#sys_count_ttvp").html('PV/'+ttvp);
    })
    jQuery(".sideMenu").slide({
        titCell:"h3", //鼠标触发对象
        targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
        effect:"left", //targetCell下拉效果
        delayTime:300 , //效果时间
        triggerTime:150, //鼠标延迟触发时间（默认150）
        defaultPlay:true,//默认是否执行效果（默认true）
        returnDefault:true, //鼠标从.sideMen移走后返回默认状态（默认false）
        trigger:"mouseover"
    });
    jQuery(".txtMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:5,interTime:50});

    $(".detail img").each(function(){
      $(this).attr("title","");
    });
});
var maxHeight = 400;

$(function(){
    $(".nav-menu-content-box > li").hover(function() {
        var $container = $(this),
        $list = $container.find("ul"),
        $anchor = $container.find("a"),
        height = $list.height() * 1.1,
        multiplier = height / maxHeight;
        $container.data("origHeight", $container.height());
        $anchor.addClass("hover");
        $list
            .show()
            .css({
                paddingTop: $container.data("origHeight")
            });
        if (multiplier > 1) {
            $container
                .css({
                    height: maxHeight,
                    overflow: "hidden"
                })
                .mousemove(function(e) {
                    var offset = $container.offset();
                    var relativeY = ((e.pageY - offset.top) * multiplier) - ($container.data("origHeight") * multiplier);
                    if (relativeY > $container.data("origHeight")) {
                        $list.css("top", -relativeY + $container.data("origHeight"));
                    };
                });
        }

    }, function() {

        var $el = $(this);

        $el
            .height($(this).data("origHeight"))
            .find("ul")
            .css({ top: 0 })
            .hide()
            .end()
            .find("a")
            .removeClass("hover");

    });

});

  var dom = $('.page .box').offset();
  if(dom){
    var right = dom.left;
    $('.page .right').css('right',right+'px');
  }
  $(window).resize(function(){
    var dom = $('.page .box').offset();
    if(dom){
      var right = dom.left;
      $('.page .right').css('right',right+'px');
    }
  });
  resizeWindow();
  $(document).on('scroll',function(){
    resizeWindow();
  });
  function resizeWindow(){
      if($(document).scrollTop() > 220){
        $('.page .right').css('top','150px');
      }else{
        $('.page .right').css('top','431px');
      }
    }
</script>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"3","bdPos":"right","bdTop":"100"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script><script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"3","bdPos":"right","bdTop":"100"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>        <script src="../../hdui/app/plugins/validate/jquery.validate.min.js"></script>
        <script src="../../hdui/app/plugins/validate/jquery.validate.add.js"></script>
        <script src="../../hdui/app/plugins/validate/jquery.validate.cn.min.js"></script>
                <script type="text/javascript" charset="utf-8" src="../../hdudt/ueditor.parse.min.js"> </script>
        <script type="text/javascript" src="../../hdimg/bas/js/jquery.SuperSlide.2.1.1.js"></script>
        <script>
        uParse('#dtl_detail', {
            rootPath: '../../hdudt/'
        })
        </script>
                <script>
        $(document).ready(function() {
             var  timestr = getDateDiff('2021-08-13 16:33:24');
            $('#addtime').html(timestr);
            // 将编辑器里的图片改为响应式
            $('#dtl_detail img').each(function() {
                $(this).addClass("img-responsive");
            });
            $.get("/hdapp/bas/d.php?ac=col_detail&id=150",function(col){
                var reobj = eval('('+col+')');
                $('#prevnext').html(reobj.prevnext);
                $('#visitcount').html(reobj.colvisit);
            });
            $.get('../../hdapp/bas/col_fdb.php?id=150&burl=aHR0cDovL3d3dy5ibDA5MzEuY29tL2hkYXBwL2Jhcy9jb2xfZGV0YWlsLnBocD9pZD0xNTA=',function(fdb){
                 $('#comments').html(fdb);
            });
            $('#col_sch_bt').click(function(){
                sch(1);
            });
            jQuery(".slideTxtBox").slide();
        })
            function sch_col(page=1){
                sch(page);
            }
            function sch(page){
                $(document).scrollTop(0);
                $('#col_list').html('<div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div>')
                var q = $('#col_q').val();
                var sn = "hydt";
                $.get(encodeURI('/s/col/?q='+q+'&sn='+sn+'&page='+page),function(data){
                    var schtitle = '<div class="heading-title heading-line-single margin-bottom-0"><h3>在 行业动态 下 搜索 <span>'+q+'</span> 的结果</h3></div>'
                    $('#col_list').html(schtitle+data);
                });
            }
            function sch_hkw(k){
                $('#col_q').val(k);
                sch_col();
            }
            function getscol(ssn,sname){
            $('#col_ssn').attr('data-sign',ssn);
            $('#col_ssn').attr('data-name',sname);
            scol();
            }
            function scol(page){
                $(document).scrollTop(0);
                $('#col_list').html('<div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div>');
                let ssn = $('#col_ssn').attr('data-sign');
                let sname = $('#col_ssn').attr('data-name');
                $.get(encodeURI('/hdapp/bas/col_sub.php?&ssn='+ssn+'&page='+page),function(data){
                    var schtitle = '<div class="heading-title heading-line-single margin-bottom-0"><h3>子类 <span>'+sname+'</span> 下的内容</h3></div>'
                    $('#col_list').html(schtitle+data);
                });
            }
            
            function getDateDiff(dateStr){
                dateTimeStamp = Date.parse(dateStr.replace(/-/gi,"/"));
                var minute = 1000 * 60;
                var hour = minute * 60;
                var day = hour * 24;
                var halfamonth = day * 15;
                var month = day * 30;
                var now = new Date().getTime();
                var diffValue = now - dateTimeStamp;
                if(diffValue < 0){return;}
                var monthC =diffValue/month;
                var weekC =diffValue/(7*day);
                var dayC =diffValue/day;
                var hourC =diffValue/hour;
                var minC =diffValue/minute;
                if(monthC>=1){
                 result="" + parseInt(monthC) + "月前";
                }
                else if(weekC>=1){
                 result="" + parseInt(weekC) + "周前";
                }
                else if(dayC>=1){
                 result=""+ parseInt(dayC) +"天前";
                }
                else if(hourC>=1){
                 result=""+ parseInt(hourC) +"小时前";
                }
                else if(minC>=1){
                 result=""+ parseInt(minC) +"分钟前";
                }else
                result="刚刚";
                return result;
            }
      </script>
      <script src="../../hdimg/bas/js/jwmeyy.js" type="text/javascript" charset="utf-8"></script>
      <script>
      var _createClass = function() {
          function defineProperties(target, props) {
              for (var i = 0; i < props.length; i++) {
                  var descriptor = props[i];
                  descriptor.enumerable = descriptor.enumerable || false;
                  descriptor.configurable = true;
                  if ("value" in descriptor) descriptor.writable = true;
                  Object.defineProperty(target, descriptor.key, descriptor);
              }
          }
          return function(Constructor, protoProps, staticProps) {
              if (protoProps) defineProperties(Constructor.prototype, protoProps);
              if (staticProps) defineProperties(Constructor, staticProps);
              return Constructor;
          };
      } ();

      function _classCallCheck(instance, Constructor) {
          if (! (instance instanceof Constructor)) {
              throw new TypeError("Cannot call a class as a function");
          }
      }

      function _possibleConstructorReturn(self, call) {
          if (!self) {
              throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
          }
          return call && (typeof call === "object" || typeof call === "function") ? call: self;
      }

      function _inherits(subClass, superClass) {
          if (typeof superClass !== "function" && superClass !== null) {
              throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
          }
          subClass.prototype = Object.create(superClass && superClass.prototype, {
              constructor: {
                  value: subClass,
                  enumerable: false,
                  writable: true,
                  configurable: true
              }
          });
          if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
      }

      var Point = function(_F3$Obj) {
          _inherits(Point, _F3$Obj);

          function Point() {
              var radius = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;

              _classCallCheck(this, Point);

              var _this = _possibleConstructorReturn(this, (Point.__proto__ || Object.getPrototypeOf(Point)).call(this));

              _this.radius = radius;
              _this.color = 'rgba(' + [Math.random() * 255 | 0, Math.random() * 255 | 0, Math.random() * 255 | 0, Math.random()].join(',') + ')';
              _this.prevCrood = null;
              return _this;
          }

          _createClass(Point, [{
              key: 'render',
              value: function render(ctx) {

                  ctx.fillStyle = '#fff';
                  ctx.fillRect(this.croods2D.position.x, this.croods2D.position.y, this.radius * this.croods2D.scale * this.yScale, this.radius * this.croods2D.scale * this.yScale);
              }
          }]);

          return Point;
      } (F3.Obj);

      var planeFunctions = {
          'sin(sqrt(x^2+z^2))': function sinSqrtX2Z2(x, z, offset) {
              return Math.sin(Math.sqrt(Math.pow(x / 2, 2) + Math.pow(z / 2, 2)) - offset);
          },
          'cos(x)*sin(z)': function cosXSinZ(x, z, offset) {
              return Math.cos(x / 4 + offset) * Math.sin(z / 4 + offset) * 1;
          }
      };

      var Effect = function(_F3$Time) {
          _inherits(Effect, _F3$Time);

          function Effect(renderer, scene, camera, cvs) {
              _classCallCheck(this, Effect);

              var _this2 = _possibleConstructorReturn(this, (Effect.__proto__ || Object.getPrototypeOf(Effect)).call(this));

              _this2.renderer = renderer;
              _this2.scene = scene;
              _this2.camera = camera;
              _this2.cvs = cvs;

              _this2.xOffset = 0;
              _this2.waveHeight = 0.4; // 波高
              _this2.waveWidth = 8; // 波长
              _this2.col = 33;
              _this2.colPointNum = 33;

              _this2.flyTime = 2000;
              _this2.timePass = 0;

              _this2.scale = 1;
              _this2.scaleStep = 0.01;

              _this2.planeFunction = function() {
                  return 0;
              };
              _this2.rotate = {
                  x: false,
                  y: false,
                  z: false
              };

              _this2.pointGroup = new F3.Obj();
              _this2.scene.add(_this2.pointGroup);

              _this2.resize(cvs.width, cvs.height);
              _this2.init();
              return _this2;
          }

          _createClass(Effect, [{
              key: 'resize',
              value: function resize(width, height) {
                  this.cvs.width = width;
                  this.cvs.height = height;
                  // this.pointGroup.position.set(this.cvs.width/2, this.cvs.height, 0);
                  this.stepWidth = width * 1.8 / this.col;
                  this.pointGroup.setPosition(this.cvs.width / 2, this.cvs.height * 1.2, -this.col * this.stepWidth / 2);
                  this.pointGroup.setRotation(0.1, 0, 0);
                  // this.waveHeight = height/2;
                  // this.waveWidth = this.waveHeight * 4;
                  // console.log(this.stepWidth);
              }
          },
          {
              key: 'init',
              value: function init() {
                  // create point
                  var point;
                  for (var x = -(this.col - 1) / 2, count = 0; x <= (this.col - 1) / 2; x++) {
                      for (var z = -(this.colPointNum - 1) / 2; z <= (this.colPointNum - 1) / 2; z++) {
                          point = new Point(10);
                          this.pointGroup.add(point);
                          /*point.initPos = new F3.Vector3(
                               x + Math.random() * -2 + 1,
                               -30 + -10 * Math.random(),
                               z + Math.random() * -2 + 1
                          );*/
                          point.initPos = new F3.Vector3(0, 0, 0);
                          point.flyDelay = 0; //Math.random() * 1000 | 0;
                      }
                  }
              }
          },
          {
              key: 'update',
              value: function update(delta) {
                  this.timePass += delta;
                  this.xOffset = this.timePass / 500;

                  var point = void 0;
                  var flyPecent = void 0;
                  var x = void 0,
                  y = void 0,
                  z = void 0;
                  var count = 0;

                  // if (this.timePass < 100)
                  for (x = -(this.col - 1) / 2; x <= (this.col - 1) / 2; x++) {
                      for (z = -(this.colPointNum - 1) / 2; z <= (this.colPointNum - 1) / 2; z++) {

                          // let y = Math.cos(x*Math.PI/this.waveWidth + this.xOffset)*Math.sin(z*Math.PI/this.waveWidth + this.xOffset) * this.waveHeight;
                          y = this.planeFunction(x, z, this.xOffset);
                          // let y = Math.sin(Math.sqrt(Math.pow(x/v, 2)+Math.pow(z/v, 2)) - this.xOffset) * 1
                          // console.log(y);
                          point = this.pointGroup.children[count];
                          point.yScale = 1; //(-y + 0.6)/(this.waveHeight) * 1.5;
                          flyPecent = (this.timePass - point.flyDelay) / this.flyTime;
                          flyPecent = flyPecent > 1 ? 1 : flyPecent < 0 ? 0 : flyPecent;

                          point.setPosition(x * this.stepWidth, y * this.stepWidth, z * this.stepWidth);
                          count++;
                      }
                  }
                  if (this.rotate.x || this.rotate.y || this.rotate.z) {
                      this.pointGroup.setRotation(this.rotate.x ? this.pointGroup.rotation.x + 0.001 : 0, this.rotate.y ? this.pointGroup.rotation.y + 0.001 : 0, this.rotate.z ? this.pointGroup.rotation.z + 0.001 : 0);
                  }
              }
          },
          {
              key: 'setFunction',
              value: function setFunction(fun) {
                  this.planeFunction = fun;
              }
          },
          {
              key: 'toggleRotate',
              value: function toggleRotate(r) {
                  this.rotate[r] = !this.rotate[r];
                  if (!this.rotate[r]) {
                      this.pointGroup.rotation[r] = 0;
                  }
              }
          },
          {
              key: 'animate',
              value: function animate() {
                  var _this3 = this;

                  this.addTick(function(delta) {
                      _this3.update(delta);
                      _this3.renderer.render(_this3.scene, _this3.camera);
                  });
              }
          }]);

          return Effect;
      } (F3.Time);

      function init(cvs) {
          var ctx = cvs.getContext('2d');

          var scene = new F3.Scene();
          var camera = new F3.Camera();
          camera.origin = new F3.Vector3(cvs.width / 2, cvs.height / 3);
          camera.p = 1200;

          var renderer = new F3.Renderer(ctx, cvs);
          var effect = new Effect(renderer, scene, camera, cvs);
          effect.animate();

          var functions = document.querySelector('.functions');
          var btnHTML = '';
          for (var name in planeFunctions) {
              btnHTML += '<div class="btn" data-function="' + name + '">' + name + '</div>';
          }
          functions.innerHTML = btnHTML;

          var btns = functions.querySelectorAll('.btn');
          function selectFunction(funName) {
              btns.forEach(function(btn) {
                  var dataFunction = btn.dataset.
                  function;
                  if (dataFunction === funName) {
                      btn.classList.add('active');
                      effect.setFunction(planeFunctions[funName]);
                  } else {
                      btn.classList.remove('active');
                  }
              });
          }
          selectFunction(btns[0].dataset.
          function);
          functions.addEventListener('click',
          function(e) {
              if (e.target.dataset.
              function) {
                  selectFunction(e.target.dataset.
                  function);
              }
          });

          var rotate = document.querySelector('.rotate');
          var rotateBtns = rotate.querySelectorAll('.btn');
          function toggleRotate(_r) {
              rotateBtns.forEach(function(rotateBtn) {
                  var r = rotateBtn.dataset.rotate;
                  if (r === _r) {
                      rotateBtn.classList.toggle('active');
                      effect.toggleRotate(r);
                  }
              });
          }
          toggleRotate('y');
          rotate.addEventListener('click',
          function(e) {
              if (e.target.dataset.rotate) {
                  toggleRotate(e.target.dataset.rotate);
              }
          });

          F3.TIME.start();
      }
      init(document.querySelector('canvas'));
      </script>
    </body>
</html>