From d3e7923f5cc188da720ba9c3d6a536ae82e46f3c Mon Sep 17 00:00:00 2001 From: lyfO_o <764716047@qq.com> Date: 星期四, 09 六月 2022 10:00:24 +0800 Subject: [PATCH] 删除 --- src/views/doublePreventAction/riskLevelManage/fourColorMap/sixty/index.vue | 55 +++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 47 insertions(+), 8 deletions(-) diff --git a/src/views/doublePreventAction/riskLevelManage/fourColorMap/sixty/index.vue b/src/views/doublePreventAction/riskLevelManage/fourColorMap/sixty/index.vue index 18f51e6..a7c583d 100644 --- a/src/views/doublePreventAction/riskLevelManage/fourColorMap/sixty/index.vue +++ b/src/views/doublePreventAction/riskLevelManage/fourColorMap/sixty/index.vue @@ -1,8 +1,8 @@ <template> - + <div class="map-layout"> <Map @init="init" :option="option" v-if="option" /> - <Tab v-if="loaded" /> + <Tab v-if="loaded" :type='type' :colorMapList='colorMapList'/> </div> @@ -17,6 +17,7 @@ Cartesian3_to_WGS84, } from '../../../../../components/Map/libs/Point'; import { getMap } from '@/api/fourColorMap' + import {getLabel} from "../../../../../api/fourColorMap"; export default { name: 'App', components: { @@ -31,6 +32,8 @@ option: null, heatLayer: null, shineishiwai: true, + colorMapList:[], + type:1, }; }, mounted() { @@ -71,7 +74,7 @@ map.addModel({ link: 'http://222.92.213.22:8006/b3dm60/tileset.json', - name: '60吨模型图', + name: '60万吨模型图', callback: tileset => { var boundingSphere = tileset.boundingSphere; var cartographic = Cesium.Cartographic.fromCartesian( @@ -110,27 +113,63 @@ this.initEvent(map); this.testLoadedData(); + this.loadLabel() + }, + loadLabel(){ + const map = global.map; + if (!map) return; + let date = new Date() + let list = [] + let fourMapList = { + type: "FeatureCollection", + features: [{ + type: "Feature", + properties: { + "type": "billboard", + "style": { "image": "../../../../../../public/images/wet.png", "scale": 0.25 }, + "attr": { + "name": "垃圾车", + "id": "1a9c592a-8290-49ad-a23c-6ff92f841f78" + } + }, + geometry: { + "type": "Point", + "coordinates": [81.78196, 41.835623, 118.26] + } + }] + } + let time = date.getFullYear()+ '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + (date.getHours()-2) + ':' + date.getMinutes() + ':' + date.getSeconds() + getLabel(time).then(res=> { + fourMapList.features[0].geometry.coordinates = [] + }) + map.loadGeoJSON(fourMapList) }, // 加载测试数据 testLoadedData() { const map = global.map; if (!map) return; - let params = {} + const params = {} + params['eType'] = 1 getMap(params).then(res =>{ - const list = res.data.result.map(item =>{ + let list = [] + let fourMapList = {} + this.colorMapList = res.data.result + list = res.data.result.map(item =>{ return{ type:item.type, geometry:JSON.parse(item.geometry), properties:JSON.parse(item.properties) } }) - const fourMapList = { + fourMapList = { "type": "FeatureCollection", "features": list } - debugger map.loadGeoJSON(fourMapList) + // $.get('./public/data/plots_namisuo.geojson', res => { + // map.loadGeoJSON(res); + // }); }) }, initEvent(map) { @@ -150,7 +189,7 @@ popup.destroy(); popup = null; } - + let type = entity && entity.attribute && entity.attribute.type; if (type) { popup = new wutu3d.DivPoint(map.viewer, { -- Gitblit v1.9.2