1

shuishen

2022-12-13 7dad9258d0b32c485a872992b09286e0b876e614

1

 src/components/map/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 17:00:30
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-10 11:07:13
 * @LastEditTime: 2022-12-12 15:59:38
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -166,29 +166,29 @@
            global.viewer.addTerrain(terrain)

            // 天地图 影像
            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    url: 'http://t{s}.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c',
                    subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                    format: 'image/jpeg',
                    show: true,
                    maximumLevel: 18
                })
            )
            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            //         url: 'http://t{s}.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c',
            //         subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
            //         format: 'image/jpeg',
            //         show: true,
            //         maximumLevel: 18
            //     })
            // )


            // 上饶部署，内网使用的
            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
            //         url: "http://192.168.0.112:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326",
            //         layer: "wmts_4326_361100",
            //         style: "default",
            //         format: "image/png",
            //         tileMatrixSetID: "c",
            //         tileMatrixLabels: new Array(18).fill(0).map((v, i) => i + 1),
            //         tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
            //     })
            // )
            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: "http://192.168.0.112:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326",
                    layer: "wmts_4326_361100",
                    style: "default",
                    format: "image/png",
                    tileMatrixSetID: "c",
                    tileMatrixLabels: new Array(18).fill(0).map((v, i) => i + 1),
                    tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
                })
            )

            // 加载顺丰底图
            // global.viewer.imageryLayers.addImageryProvider(
@@ -199,32 +199,32 @@
            // )

            // 设置地图初始位置，角度等
            // global.viewer.camera.setView({
            //     // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
            //     // fromDegrees()方法，将经纬度和高程转换为世界坐标
            //     destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
            //         116.112550, 28.196631, 50000
            //     ),
            //     orientation: {
            //         // 指向
            //         heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
            //         // 视角
            //         pitch: global.DC.Namespace.Cesium.Math.toRadians(-45),
            //         roll: 0.0
            //     }
            // })

            let sqTitleLayer = new global.DC.TilesetLayer('sqTitleLayer')
            global.viewer.addLayer(sqTitleLayer)
            let sqTileset = new global.DC.Tileset(
                'http://192.168.0.112:18080/sf3d/361102/model/wanda/tileset.json'
            )
            sqTileset.setHeight(0)
            sqTitleLayer.addOverlay(sqTileset)

            sqTileset.on(global.DC.MouseEventType.CLICK, (e) => {
                console.log(e)
            global.viewer.camera.setView({
                // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
                // fromDegrees()方法，将经纬度和高程转换为世界坐标
                destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                    117.951478782, 28.447896798, 5000
                ),
                orientation: {
                    // 指向
                    heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    // 视角
                    pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    roll: 0.0
                }
            })

            // let sqTitleLayer = new global.DC.TilesetLayer('sqTitleLayer')
            // global.viewer.addLayer(sqTitleLayer)
            // let sqTileset = new global.DC.Tileset(
            //     'http://192.168.0.112:18080/sf3d/361102/model/wanda/tileset.json'
            // )
            // sqTileset.setHeight(12)
            // sqTitleLayer.addOverlay(sqTileset)

            // sqTileset.on(global.DC.MouseEventType.CLICK, (e) => {
            //     console.log(e)
            // })



@@ -288,11 +288,11 @@

            // global.viewer.flyTo(floorPolygonlayer)

            global.viewer.flyTo(sqTileset)
            // global.viewer.flyTo(sqTileset)

            global.viewer.use(new global.DC.Measure())

            global.viewer.locationBar.enable = true
            // global.viewer.locationBar.enable = true
            // 缩放
            global.viewer.zoomController.enable = true
            // 比例尺

 src/styles/scssFile.scss

@@ -6,9 +6,9 @@

$tree-search-bg-color: rgba(9, 40, 199, 0.9);

$el-dialog-bg-color: rgba(9, 40, 199, 1);
$el-dialog-bg-color: $bg-one-color;

$select-box-bg-color: rgba(9, 40, 199, 0.8);
$select-box-bg-color: $bg-one-color;


$sub-tab-bg-color: linear-gradient(to bottom, rgba(2, 27, 121, .8), rgba(5, 117, 230, .8));

 src/views/home/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-11-29 10:16:01
 * @LastEditTime: 2022-12-12 10:25:34
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 *
@@ -537,7 +537,7 @@
            global.viewer.addLayer(circleLayer)

            document.querySelector('.dc-container .dc-zoom-controller').classList.add('homebottom')
            document.querySelector('.dc-container .dc-location-bar').classList.add('homebottom')
            // document.querySelector('.dc-container .dc-location-bar').classList.add('homebottom')
            document.querySelector('.screen-full-btn').classList.add('homebottom')
            document.querySelector('.image-switch-icon-btn').classList.add('iconbottom')
            document.querySelector('.image-switch-img-btn').classList.add('imgbottom')
@@ -559,7 +559,7 @@
                    global.viewer.addLayer(circleLayer)

                    document.querySelector('.dc-container .dc-zoom-controller').classList.add('homebottom')
                    document.querySelector('.dc-container .dc-location-bar').classList.add('homebottom')
                    // document.querySelector('.dc-container .dc-location-bar').classList.add('homebottom')
                    document.querySelector('.screen-full-btn').classList.add('homebottom')
                    document.querySelector('.image-switch-icon-btn').classList.add('iconbottom')
                    document.querySelector('.image-switch-img-btn').classList.add('imgbottom')
@@ -1482,7 +1482,7 @@
        }

        document.querySelector('.dc-container .dc-zoom-controller').classList.remove('homebottom')
        document.querySelector('.dc-container .dc-location-bar').classList.remove('homebottom')
        // document.querySelector('.dc-container .dc-location-bar').classList.remove('homebottom')
        document.querySelector('.screen-full-btn').classList.remove('homebottom')
        document.querySelector('.image-switch-icon-btn').classList.remove('iconbottom')
        document.querySelector('.image-switch-img-btn').classList.remove('imgbottom')