内容修改

shuishen

2022-04-29 4f55f7d94198eca8eba9ae6b85af19a07cac2f79

 src/components/orgNavBar/index.vue

@@ -52,7 +52,8 @@
            // 全景地址
            'panoramaUrl',
            'orgNavBarList',
            'orgNavBarTitle'
            'orgNavBarTitle',
            'twoOrThree'
        ])
    },
    watch: {
@@ -63,9 +64,11 @@
                    global.viewer.addLayer(currentOrgLayer)

                    newData.forEach((item, index) => {
                        const divIcon = new global.DC.DivIcon(
                            new global.DC.Position(Number(item.longitude), Number(item.latitude), 0),
                            `
                        let divIcon = null
                        if (this.twoOrThree == '三 维') {
                            divIcon = new global.DC.DivIcon(
                                new global.DC.Position(Number(item.longitude), Number(item.latitude), 0),
                                `
                                <div class="tag-entitys-box">
                                    <div class="tag-content">
                                        ${item.navTitle}
@@ -75,7 +78,22 @@
                                    </div>
                                </div>
                            `
                        )
                            )
                        } else {
                            divIcon = new global.DC.DivIcon(
                                new global.DC.Position(Number(item.longitude), Number(item.latitude), 150),
                                `
                                <div class="tag-entitys-box">
                                    <div class="tag-content">
                                        ${item.navTitle}
                                    </div>
                                    <div class="tag-angle-content">
                                        <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
                                    </div>
                                </div>
                            `
                            )
                        }

                        divIcon.attr.name = item.navTitle

@@ -83,6 +101,24 @@
                    })
                } else {
                    this.removeLayer()
                }
            },
            immediate: true
        },
        twoOrThree: {
            handler (newData, oldData) {
                if (newData == '三 维') {
                    if (currentOrgLayer != null) {
                        currentOrgLayer.eachOverlay((item) => {
                            item.position = new global.DC.Position(Number(item.position.lng), Number(item.position.lat), 0)
                        })
                    }
                } else {
                    if (currentOrgLayer != null) {
                        currentOrgLayer.eachOverlay((item) => {
                            item.position = new global.DC.Position(Number(item.position.lng), Number(item.position.lat), 150)
                        })
                    }
                }
            },
            immediate: true
@@ -175,9 +211,11 @@

            currentOrgLayer.removeOverlay(layerIcon[0])

            const divIcon = new global.DC.DivIcon(
                new global.DC.Position(Number(param.longitude), Number(param.latitude), 0),
                `
            let divIcon = null
            if (this.twoOrThree == '三 维') {
                divIcon = new global.DC.DivIcon(
                    new global.DC.Position(Number(param.longitude), Number(param.latitude), 0),
                    `
                                <div class="tag-entitys-box layer-entity-animation">
                                    <div class="tag-content">
                                        ${param.navTitle}
@@ -187,7 +225,22 @@
                                    </div>
                                </div>
                            `
            )
                )
            } else {
                divIcon = new global.DC.DivIcon(
                    new global.DC.Position(Number(param.longitude), Number(param.latitude), 150),
                    `
                                <div class="tag-entitys-box layer-entity-animation">
                                    <div class="tag-content">
                                        ${param.navTitle}
                                    </div>
                                    <div class="tag-angle-content">
                                        <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
                                    </div>
                                </div>
                            `
                )
            }

            divIcon.attr.name = param.navTitle

@@ -198,9 +251,11 @@

            currentOrgLayer.removeOverlay(layerIcon[0])

            const divIcon = new global.DC.DivIcon(
                new global.DC.Position(Number(param.longitude), Number(param.latitude), 0),
                `
            let divIcon = null
            if (this.twoOrThree == '三 维') {
                divIcon = new global.DC.DivIcon(
                    new global.DC.Position(Number(param.longitude), Number(param.latitude), 0),
                    `
                                <div class="tag-entitys-box">
                                    <div class="tag-content">
                                        ${param.navTitle}
@@ -210,7 +265,22 @@
                                    </div>
                                </div>
                            `
            )
                )
            } else {
                divIcon = new global.DC.DivIcon(
                    new global.DC.Position(Number(param.longitude), Number(param.latitude), 150),
                    `
                                <div class="tag-entitys-box">
                                    <div class="tag-content">
                                        ${param.navTitle}
                                    </div>
                                    <div class="tag-angle-content">
                                        <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
                                    </div>
                                </div>
                            `
                )
            }

            divIcon.attr.name = param.navTitle