模型点击事件的处理

shuishen

2023-04-04 3c9d735dce81cd0949825c5a15bff933e7caf9fe

模型点击事件的处理

 src/components/map/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-04-01 21:45:20
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-04-04 10:02:30
 * @LastEditTime: 2023-04-04 10:14:02
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 
 * 
@@ -1059,7 +1059,7 @@

            tilesetLayer.addOverlay(tilesetObject[titlesetName])

            // global.viewer.flyTo(tilesetObject[titlesetName])
            // global.viewer.flyTo(tilesetObject[titlesetName])removeMxTileset
        },

        tilesetLayerFlag (type, cb) {
@@ -1155,6 +1155,23 @@
        },
    },

    watch: {
        $route: {
            handler (route) {
                if (route.path.indexOf('/layout/house') != -1) {
                    label.forEach(item => {
                        tilesetObject[`sdTilesetLayer${item}`] && tilesetObject[`sdTilesetLayer${item}`].on(global.DC.MouseEventType.CLICK, this.housingIndent)
                    })
                } else {
                    label.forEach(item => {
                        tilesetObject[`sdTilesetLayer${item}`] && tilesetObject[`sdTilesetLayer${item}`].off(global.DC.MouseEventType.CLICK, this.housingIndent)
                    })
                }

            },
            immediate: true
        }
    }
}
</script>


 src/views/house/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-04-03 17:09:29
 * @LastEditTime: 2023-04-04 10:05:38
 * @FilePath: \srs-police-affairs\src\views\house\index.vue
 * @Description: 小区-栋-层-房屋
 * 
@@ -187,7 +187,7 @@
                                                <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" -->
                                                {{ value.properties.fojcu }}
                                                <!-- <div class="flow"></div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div class="warning"></div>-->
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div class="warning"></div>-->
                                            </div>
                                        </div>
                                    </div>
@@ -588,6 +588,8 @@
        this.$parent.$parent.resize("400px", true)

        this.$nextTick(() => {
            this.$EventBus.$emit('highOrLightChange', 'light', 'house')

            circleLayer = new global.DC.PrimitiveLayer("circleLayer")
            global.viewer.addLayer(circleLayer)