| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2022-09-27 14:12:13 |
| | | * @LastEditTime: 2022-09-27 17:57:03 |
| | | * @FilePath: \srs-police-affairs\src\views\home\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | <div class="num">164.57万人</div> |
| | | <div class="type">户籍人口</div> |
| | | </div> |
| | | <div class="tab"> |
| | | <div class="tab on"> |
| | | <div class="num">17.52万人</div> |
| | | <div class="type">流动人口</div> |
| | | </div> |
| | |
| | | <div class="num">1822603户</div> |
| | | <div class="num">实有房屋</div> |
| | | </div> |
| | | <div class="tab"> |
| | | <div class="tab on"> |
| | | <div class="num">634个</div> |
| | | <div class="num">关注场所</div> |
| | | </div> |
| | |
| | | 100 |
| | | ), |
| | | ] |
| | | let position = [ |
| | | [ |
| | | [115.935114, 28.627012, 0], |
| | | [115.930150, 28.733535, 0], |
| | | [115.986738, 28.683523, 0], |
| | | [116.015526, 28.647454, 0], |
| | | ], |
| | | [ |
| | | [115.935114, 28.627012, 0], |
| | | [116.015526, 28.647454, 0], |
| | | [116.080062, 28.590419, 0], |
| | | [116.075505, 28.528672, 0], |
| | | [115.959503, 28.530546, 0], |
| | | ], |
| | | [ |
| | | [116.080062, 28.590419, 0], |
| | | [116.075505, 28.528672, 0], |
| | | [116.167934, 28.527504, 0], |
| | | [116.346666, 28.615709, 0], |
| | | ], |
| | | [ |
| | | [116.015526, 28.647454, 0], |
| | | [116.080062, 28.590419, 0], |
| | | [116.346666, 28.615709, 0], |
| | | [116.285670, 28.732610, 0], |
| | | ], |
| | | [ |
| | | [116.015526, 28.647454, 0], |
| | | [116.285670, 28.732610, 0], |
| | | [116.085312, 28.807226, 0], |
| | | [115.930150, 28.733535, 0], |
| | | [115.986738, 28.683523, 0] |
| | | ] |
| | | ] |
| | | |
| | | |
| | | let position2 = [ |
| | | [ |
| | | [116.015526, 28.647454, 0], |
| | | [116.285670, 28.732610, 0], |
| | | [116.146022, 28.726446, 0], |
| | | [116.063119, 28.708172, 0], |
| | | ], |
| | | [ |
| | | [116.285670, 28.732610, 0], |
| | | [116.085312, 28.807226, 0], |
| | | [116.071504, 28.750699, 0], |
| | | [116.146022, 28.726446, 0], |
| | | ], |
| | | [ |
| | | [116.085312, 28.807226, 0], |
| | | [115.930150, 28.733535, 0], |
| | | [116.045446, 28.729623, 0], |
| | | [116.071504, 28.750699, 0] |
| | | ], |
| | | [ |
| | | [115.930150, 28.733535, 0], |
| | | [115.986738, 28.683523, 0], |
| | | [116.015526, 28.647454, 0], |
| | | [116.063119, 28.708172, 0], |
| | | [116.045446, 28.729623, 0] |
| | | ], |
| | | [ |
| | | [116.045446, 28.729623, 0], |
| | | [116.063119, 28.708172, 0], |
| | | [116.146022, 28.726446, 0], |
| | | [116.071504, 28.750699, 0] |
| | | ] |
| | | ] |
| | | |
| | | cylinderLayer = new global.DC.PrimitiveLayer('cylinderLayer') |
| | | global.viewer.addLayer(cylinderLayer) |
| | |
| | | |
| | | let titleLng = center[0] - 0.01 |
| | | let titleLat = center[1] - 0.03 |
| | | |
| | | this.$EventBus.$emit('layerPointAdd', { |
| | | layerName: 'policeStationLayer', |
| | | type: 'label', |
| | | params: { |
| | | lng: titleLng, |
| | | lat: titleLat, |
| | | alt: 1200, |
| | | alt: 0, |
| | | text: item.policeStationName |
| | | }, |
| | | distanceDisplayCondition: { |
| | |
| | | params: { |
| | | lng: center[0], |
| | | lat: center[1], |
| | | alt: 1200, |
| | | alt: 0, |
| | | text: item.areaCheckName |
| | | }, |
| | | distanceDisplayCondition: { |
| | |
| | | navClick (e) { |
| | | this.navType = e.target.dataset.type |
| | | }, |
| | | |
| | | initPersonEcharts () { |
| | | var chartDom = document.getElementById('PersonEcharts') |
| | | var myChart = this.$echarts.init(chartDom) |
| | |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | |
| | | initLandEcharts () { |
| | | var chartDom = document.getElementById('LandEcharts') |
| | | var myChart = this.$echarts.init(chartDom) |
| | |
| | | |
| | | option && myChart.setOption(option) |
| | | }, |
| | | |
| | | initEquipmentEcharts () { |
| | | var chartDom = document.getElementById('EquipmentEcharts') |
| | | var myChart = this.$echarts.init(chartDom) |
| | |
| | | |
| | | option && myChart.setOption(option) |
| | | }, |
| | | |
| | | initEventChangeEcharts () { |
| | | var chartDom = document.getElementById('EventChangeEcharts') |
| | | var myChart = this.$echarts.init(chartDom) |
| | |
| | | option && myChart.setOption(option) |
| | | |
| | | }, |
| | | |
| | | initEventCountEcharts () { |
| | | var chartDom = document.getElementById('EventCountEcharts') |
| | | var myChart = this.$echarts.init(chartDom) |
| | |
| | | line-height: 26px; |
| | | } |
| | | } |
| | | |
| | | .tab.on { |
| | | border: 1px solid rgb(3, 108, 255); |
| | | } |
| | | } |
| | | |
| | | .echarts-box { |