+自定义标签的添加和删除

liuyg

2022-03-02 e7c6c4eecddae9515b0cd1be68335690843df3d1

 src/components/leftNav/index.vue

@@ -23,9 +23,9 @@
        return {
            leftNavData: [
                {
                    flag: false,
                    flag: true,
                    label: '标签',
                    img: '/img/leftnav/tag.png',
                    img: '/img/leftnav/tag-checked.png',
                    normal: '/img/leftnav/tag.png',
                    checked: '/img/leftnav/tag-checked.png',
                    layer: 'tagLayer'
@@ -62,14 +62,14 @@
                //     checked: '/img/leftnav/activity-checked.png',
                //     layer: 'activityLayer'
                // },
                {
                    flag: false,
                    label: 'AED',
                    img: '/img/leftnav/aed.png',
                    normal: '/img/leftnav/aed.png',
                    checked: '/img/leftnav/aed-checked.png',
                    layer: 'aedLayer'
                },
                // {
                //     flag: false,
                //     label: 'AED',
                //     img: '/img/leftnav/aed.png',
                //     normal: '/img/leftnav/aed.png',
                //     checked: '/img/leftnav/aed-checked.png',
                //     layer: 'aedLayer'
                // },
                {
                    flag: false,
                    label: '停车',
@@ -159,9 +159,10 @@
                        </div>
                    `
                    )

                    this.tagLayer.addOverlay(divIcon)
                })
                this.tagLayer.show = false
                // this.tagLayer.show = false
            })

            getWayList().then(res => {
@@ -170,7 +171,7 @@
                        new that.DC.Position(Number(item.jd), Number(item.wd), 0),
                        `
                        <div  class="way-entitys-box">
                            <div  class="way-title" style="border: white 1px solid; padding-left: 2px;font-size: 12px; background: #0066ff;  width: 12px;line-height: 13px; padding:2px 1px 2px 1px; color:white;">
                            <div  class="way-title" style="border: white 1px solid; font-size: 0.875rem; background: #0066ff;  width: 18px; line-height: 14px; padding: 6px 2px 6px 2px; color: white; text-align: center;">
                                 ${item.roadname}
                            </div>
                            <div  class="way-sign-box">
@@ -186,11 +187,13 @@

            getMonitorList().then(res => {
                res.data.data.forEach(item => {
                    console.log(item, 456)
                    const divIcon = new this.DC.DivIcon(
                        new that.DC.Position(Number(item.jd), Number(item.wd), 0),
                        `
                        <img class="monitor-entitys-box" src="/img/leftnav/map-monitor.png" alt="">
                        <div class="monitor-entitys-box">
                            <div>${item.mechanismname}</div>
                            <img class="monitor-entitys-box" src="/img/leftnav/map-monitor.png" alt="">
                        </div>
                        `
                    )
                    divIcon.attrParams = item
@@ -221,11 +224,13 @@

            getSceneList().then(res => {
                res.data.data.forEach(item => {
                    console.log(item, 123)
                    const divIcon = new this.DC.DivIcon(
                        new that.DC.Position(Number(item.jd), Number(item.wd), 0),
                        `
                        <img class="scene-entitys-box" src="/img/leftnav/map-panorama.png" alt="">
                        <div class="scene-entitys-box">
                            <div>${item.mechanismname}</div>
                            <img src="/img/leftnav/map-panorama.png" alt="">
                        </div>
                        `
                    )
                    divIcon.attrParams = item
@@ -308,12 +313,15 @@
                        outlineColor: that.DC.Color.WHITE, // 边框颜色
                        outlineWidth: 8, // 边框大小，
                        font: '14px sans-serif',
                        pixelOffset: { x: 0, y: -24 }
                        pixelOffset: { x: 0, y: -40 }
                    })
                    that.comeLayer.addOverlay(label)

                    const billboard = new that.DC.Billboard(new that.DC.Position(Number(item.jd), Number(item.wd), 0), '/img/leftnav/map-activity.png')
                    billboard.size = [20, 20]
                    billboard.setStyle({
                        pixelOffset: { x: 0, y: -16 }
                    })

                    that.comeLayer.addOverlay(billboard)
                })