3D

Your Name

2022-07-25 973288ea3095247303b5daac5bc160e10ae2b8ac

 src/views/doublePreventAction/riskLevelManage/fourColorMap/sixty/index.vue

@@ -1,5 +1,5 @@
<template>
    

    <div class="map-layout">
        <Map @init="init" :option="option" v-if="option" />
        <Tab v-if="loaded" :type='type' :colorMapList='colorMapList'/>
@@ -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: {
@@ -73,7 +74,8 @@

                map.addModel({
                    link: 'http://222.92.213.22:8006/b3dm60/tileset.json',
                    name: '60吨模型图',
                    name: '60万吨模型图',
                    modifyZ: -1340,
                    callback: tileset => {
                        var boundingSphere = tileset.boundingSphere;
                        var cartographic = Cesium.Cartographic.fromCartesian(
@@ -112,17 +114,47 @@
                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;
                const params = {}
        

                params['eType'] = 1
                getMap(params).then(res =>{
                    let list = []
                    let fourMapList = []
                    let fourMapList = {}
                    this.colorMapList = res.data.result
                    list = res.data.result.map(item =>{
                        return{
@@ -158,14 +190,14 @@
                            popup.destroy();
                            popup = null;
                        }
        

                        let type = entity && entity.attribute && entity.attribute.type;
                        if (type) {
                            popup = new wutu3d.DivPoint(map.viewer, {
                                html:
                                    "<div class='popup-wrapper'>" +
                                    attr.name +
                                    '<br/><br/>XXXXXXXX</div>',
                                    '</div>',
                                position: cartesian3,
                                anchor: [-170, -80],
                            });