大屏地图上图标更改

shuishen

2022-08-04 9da22cf3d447bf01576fb1051445c57fb3292f8e

大屏地图上图标更改

 public/img/icon/map-jk.png

 public/img/icon/map-qx.png

 public/img/icon/map-sz.png

 public/img/icon/map-tr.png

 public/img/icon/sz.png

 src/components/map/index.vue

@@ -284,7 +284,7 @@
                    far: 3000 // 最远距离
                }, // 根据距离设置可见
                font: '12px',
                pixelOffset: { x: 0, y: -26 } // 偏移像素
                pixelOffset: { x: 0, y: -32 } // 偏移像素
            })

            label.on(global.DC.MouseEventType.CLICK, (e) => {
@@ -292,7 +292,7 @@
            })

            const billboard = new global.DC.Billboard(new global.DC.Position(Number(item.lon), Number(item.lat)), url)
            billboard.size = [18, 18]
            billboard.size = [20, 28]
            billboard.attrParams = item

            billboard.on(global.DC.MouseEventType.CLICK, (e) => {

 src/views/home/index.vue

@@ -315,6 +315,10 @@
                    <div class="icon"></div>
                    <div class="title">气象监测</div>
                </li>
                <li>
                    <div class="icon"></div>
                    <div class="title">水质监测</div>
                </li>
            </ul>
        </div>

@@ -1303,10 +1307,22 @@
                    that.equipmentList = res.data.data

                    that.equipmentList.staList.forEach(item => {
                        that.$refs.modalForm.addSiteEntity(item, '/img/icon/jk.png')
                        // 气象
                        if (item.dictTypeNum == 1) {
                            that.$refs.modalForm.addSiteEntity(item, '/img/icon/map-qx.png')
                        } else if (item.dictTypeNum == 2) {
                            // 空气
                            that.$refs.modalForm.addSiteEntity(item, '/img/icon/map-qx.png')
                        } else if (item.dictTypeNum == 3) {
                            // 水质
                            that.$refs.modalForm.addSiteEntity(item, '/img/icon/map-sz.png')
                        } else if (item.dictTypeNum == 4) {
                            // 土壤
                            that.$refs.modalForm.addSiteEntity(item, '/img/icon/map-tr.png')
                        }
                    })
                    that.equipmentList.vidList.forEach(item => {
                        that.$refs.modalForm.addSiteEntity(item, '/img/icon/jk.png')
                        that.$refs.modalForm.addSiteEntity(item, '/img/icon/map-jk.png')
                    })
                }
            })
@@ -2126,6 +2142,13 @@
                    background-size: 100% 100%;
                }
            }

            li:nth-child(6) {
                .icon {
                    background: url(/img/icon/sz.png) no-repeat;
                    background-size: 100% 100%;
                }
            }
        }
    }