标记数据

guanqb

2022-09-27 5b9db1fa150050d11fa8620acca4583cb6c8ca5c

标记数据

 src/assets/data/phone.js

@@ -1,154 +1,191 @@
export default [{
    name: '1号手台',
    person: "李会军",
    lng: 116.020804,
    lat: 28.678568,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'

    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '2号手台',
    person: "李会军",
    lng: 116.027659,
    lat: 28.678623,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '3号手台',
    person: "李会军",
    lng: 116.026759,
    lat: 28.680071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '4号手台',
    person: "李会军",
    lng: 116.018759,
    lat: 28.686071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '5号手台',
    person: "李会军",
    lng: 116.029759,
    lat: 28.685071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '6号手台',
    person: "李会军",
    lng: 116.026759,
    lat: 28.684071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '7号手台',
    person: "李会军",
    lng: 116.031759,
    lat: 28.683071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '8号手台',
    person: "李会军",
    lng: 116.022759,
    lat: 28.682071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '9号手台',
    person: "李会军",
    lng: 116.031759,
    lat: 28.681071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '10号手台',
    person: "李会军",
    lng: 116.031759,
    lat: 28.677071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '11号手台',
    person: "李会军",
    lng: 115.947759,
    lat: 28.710071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '12号手台',
    person: "李会军",
    lng: 115.977759,
    lat: 28.745071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '13号手台',
    person: "李会军",
    lng: 116.164759,
    lat: 28.738071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '14号手台',
    person: "李会军",
    lng: 116.149759,
    lat: 28.665071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '15号手台',
    person: "李会军",
    lng: 116.301759,
    lat: 28.644071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '16号手台',
    person: "李会军",
    lng: 116.115759,
    lat: 28.577071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '17号手台',
    person: "李会军",
    lng: 116.165759,
    lat: 28.548071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '18号手台',
    person: "李会军",
    lng: 116.020759,
    lat: 28.571071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '19号手台',
    person: "李会军",
    lng: 116.002759,
    lat: 28.631071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}]

 src/views/police/index.vue

@@ -166,7 +166,7 @@
        this.phoneList = phoneList
    },
    mounted () {
        // this.getData()
        this.navClick()
    },
    updated () {
    },
@@ -175,92 +175,16 @@
            this.currentPage = currentPage
            console.log(this.currentPage)  //点击第几页
        },

        getData () {

            let carList = [{
                carID: '赣E59601',
                carType: '大众',
                name: '1号警车',
                lng: 116.022877,
                lat: 28.685077,
                alt: 100,
                url: '/img/icon/car.png'
            }, {
                carID: '赣E36601',
                carType: '大众',
                name: '2号警车',
                lng: 116.029917,
                lat: 28.685360,
                alt: 100,
                url: '/img/icon/car.png'
            }, {
                carID: '赣E96250',
                carType: '大众',
                name: '3号警车',
                lng: 116.031044,
                lat: 28.679445,
                alt: 100,
                url: '/img/icon/car.png'
            }]

            carList.forEach(item => {

                this.$EventBus.$emit('layerPointAdd', {
                    layerName: 'carLayers',
                    type: "billboard",
                    params: item,
                    incident: this.siteClick
                })

            })

            this.arr = carList

            this.arr2 = [{
                person: "李会军",
                phoneID: 17596842661,
                phoneType: '华为',
                name: '1号手台',
                lng: 116.026804,
                lat: 28.678568,
                alt: 100,
                location: '信州区XXXX大道XXXX路',
                url: '/img/icon/phone.png'
            }, {
                person: "赵志刚",
                phoneID: 17336902661,
                phoneType: '华为',
                name: '2号手台',
                lng: 116.027659,
                lat: 28.678623,
                alt: 100,
                location: '信州区XXXX大道XXXX路',
                url: '/img/icon/phone.png'
            }, {
                person: "王刚",
                phoneID: 17336956501,
                phoneType: '华为',
                name: '3号手台',
                lng: 116.026759,
                lat: 28.680071,
                alt: 100,
                location: '信州区XXXX大道XXXX路',
                url: '/img/icon/phone.png'
            }]

        },

        navClick (type) {
            if (!type) { type = 1 }
            this.navType = type

            if (type == 1) {
                this.$EventBus.$emit('mapClearLayer', {
                    layerName: 'phoneLayers',
                    type: 'VectorLayer'
                })

                this.arr.forEach(item => {
                this.carList.forEach(item => {
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'carLayers',
                        type: "billboard",
@@ -268,7 +192,7 @@
                            name: item.name,
                            lng: item.lng,
                            lat: item.lat,
                            alt: 100,
                            alt: item.alt,
                            url: item.url
                        },
                        incident: this.siteClick
@@ -280,7 +204,7 @@
                    type: 'VectorLayer'
                })

                this.arr2.forEach(item => {
                this.phoneList.forEach(item => {
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'phoneLayers',
                        type: "billboard",

 src/views/video/index.vue

@@ -82,7 +82,6 @@
        return {
            currentPage: 1,
            pagesize: 13,
            arr: [],
            monitoringList: [],
            dialogTitle: '',
            dialogVisible: false,
@@ -92,7 +91,7 @@
        this.monitoringList = monitoringList
    },
    mounted () {
        this.getData()
        this.initMonitoringIcon()

    },
    updated () {
@@ -102,30 +101,22 @@
        handleCurrentChange: function (currentPage) {
            this.currentPage = currentPage
        },
        getData () {
            for (let i = 0; i < 5; i++) {
                let lng = 116.011126 + Math.random() * 0.005
                let lat = 28.651340 + Math.random() * 0.005

        initMonitoringIcon () {
            this.monitoringList.forEach((item, index) => {
                this.$EventBus.$emit('layerPointAdd', {
                    layerName: 'monitoringLayers',
                    type: "billboard",
                    params: {
                        name: `${i}号监控`,
                        lng: lng,
                        lat: lat,
                        name: `${index}号监控`,
                        lng: item.lng,
                        lat: item.lat,
                        alt: 100,
                        url: '/img/icon/video.png'
                    },
                    incident: this.siteClick
                })

                let carNum = Math.random() * 5000000 + ''
                // this.arr.push({ "carID": `#${carNum.slice(0, 6)}`, "carType": "大众", "position": `(${lng.toFixed(6)},${lat.toFixed(6)})` })


                this.arr.push({ "equipmentID": `#${carNum.slice(0, 6)}`, "equipmentType": "云台", lng: lng, lat: lat, name: `${i}号监控`, url: '/img/icon/video.png' })
            }
            })
        },

        rowClick (row) {