博主介绍：《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
所有项目都配有从入门到精通的基础知识视频课程，免费
项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
在文章末尾可以获取联系方式
效果图
代码
消防大数据平台 .BMap_scaleTxt{color: #fff!important;}
{{ year }}-{{ month }}-{{ date }} {{ hour }}:{{minute}}:{{ second }} {{ strDate }}<!-- 
{{ weather_curr }} --><!-- dsggdfgf dsggdfgf -->
安全评分
安全等级
建筑安全评分排名- 甘肃省兰州市博物馆 70
- 西北大厦 75
- 世纪广场 71
- 中匈友好国际大厦 65
- IBC中海国际大厦 60
安全隐患TOP10
消防给水系统<!-- 
-->联动报警统计{{ year }}/{{ month }}<!-- 
--><!-- 111213 11 12 13 15 -->
监管报警统计{{ year }}/{{ month }}<!-- 
--><!-- 111213 11 12 13 15 -->
日常巡检统计{{ year }}/{{ month }}<!--{{ year }}/{{ month }} --><!-- 
--><!-- 11 121311 12 131515
巡查数量
巡查覆盖率 -->
维保统计69设备维修维保次数 维保覆盖率
故障统计{{ year }}/{{ month }}<!-- 
111213 11 12 13 15 --><!-- 故障数量故障处理及时率 -->
火警统计{{ year }}/{{ month }}<!-- 
111213 11 12 13 15火警数量火警处理及时率 -->
执法结果统计<!-- 
--> var markerArr = [{point: "103.850585,36.069335",},{ point: "103.86812,36.063267", }, { point: "103.856047,36.042024", }, {point: "103.841674,36.067235",},{ point: "103.953207,36.031751", }, { point: "103.801573,36.073886", }, {point: "103.819108,36.068168",},{ point: "103.715954,36.099723", }, { point: "103.716573,36.101553", }, {point: "103.708129,36.100725",},{ point: "103.712378,36.10171", }, { point: "103.711467,36.103415", }, {point: "103.70226,36.102388",},{ point: "103.714764,36.100639", }, { point: "103.700535,36.110261", }];var markerArr1 = [{point: "103.865245,36.061166",},{ point: "103.773259,36.077037", }, { point: "103.910664,36.05323", }, {point: "103.768085,36.108768",},{ point: "103.689896,36.107835", }, { point: "103.841099,36.074236", }, {point: "103.839949,36.056965",},{ point: "103.886517,36.065368", }, { point: "103.815228,36.091504", }, {point: "103.870995,36.026147",},];var markerArr2 = [{point: "103.784757,36.059533",},{ point: "103.754862,36.067235", }, { point: "103.779008,36.135589", }, {point: "103.839374,36.095704",},{ point: "103.693633,36.116932", }, { point: "103.946021,36.034553", }, {point: "103.967868,36.00466",},{ point: "103.679835,36.114833", }, { point: "103.977641,36.055564", }, {point: "103.856334,36.060233",},];var map = new BMap.Map('container')// 创建地图实例var point = new BMap.Point(103.71878, 36.10396)// 创建点坐标map.centerAndZoom(point, 15)// 初始化地图，设置中心点坐标和地图级别map.enableScrollWheelZoom(true)var ctrlSca = new window.BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT}); map.addControl(ctrlSca);for(var i = 0; i < markerArr.length; i++) {var p0 = markerArr[i].point.split(",")[0];var p1 = markerArr[i].point.split(",")[1];var maker = addMarker(new window.BMap.Point(p0, p1), i); } for(var i = 0; i < markerArr1.length; i++) {var p0 = markerArr1[i].point.split(",")[0];var p1 = markerArr1[i].point.split(",")[1];var maker = addMarker1(new window.BMap.Point(p0, p1), i); } for(var i = 0; i < markerArr2.length; i++) {var p0 = markerArr2[i].point.split(",")[0];var p1 = markerArr2[i].point.split(",")[1];var maker = addMarker2(new window.BMap.Point(p0, p1), i); }// 添加标注function addMarker(point, index) { var myIcon = new BMap.Icon("img/green5.png", new BMap.Size(23, 25), {// offset: new BMap.Size(10, 25),//imageOffset: new BMap.Size(0, 0 - index * 25) });var marker = new BMap.Marker(point, {icon: myIcon });map.addOverlay(marker);return marker;}function addMarker1(point, index) { var myIcon = new BMap.Icon("img/red5.png", new BMap.Size(23, 25), {// offset: new BMap.Size(10, 25),//imageOffset: new BMap.Size(0, 0 - index * 25) });var marker = new BMap.Marker(point, {icon: myIcon });map.addOverlay(marker);return marker;}function addMarker2(point, index) { var myIcon = new BMap.Icon("img/yellow5.png", new BMap.Size(23, 25), {// offset: new BMap.Size(10, 25),//imageOffset: new BMap.Size(0, 0 - index * 25) });var marker = new BMap.Marker(point, {icon: myIcon });map.addOverlay(marker);return marker;}map.setMapStyle({ style: 'midnight' })$('#container').css('background-color', 'rgba(50,72,106,0.2)')
