bim

yanzhu-ui-vue3/index.html

@@ -10,13 +10,14 @@
   <script type="text/javascript"
   src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=6zAD8CIavtzWnkGg0a7roush5maGMIPn"></script>  
   <link href="Engine/Widgets/widgets.css" rel="stylesheet" />
+  <script src="./gis/BIMGISEngine.js"></script>
+  <!--
    <script src="Engine/Cesium.js"></script>
   <script src="Engine/BIMGISEngine.js"></script>
  
-  <!--
    <script src="Engine/BIMGISEngine.js"></script>
     <script src="ServerEngine/BIMGISEngine.js"></script>
-  <script src="./gis/BIMGISEngine.js"></script>
+ 
   -->
   <script src="./gis/config.js"></script>
   <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->

yanzhu-ui-vue3/src/api/bim/bimCfg.js

@@ -1,5 +1,5 @@
 export default {
   Token:
-    "cbe8c300dfb0280d71bf6546087c6d2fa49260085f53fca8e5bdce7cde8509800e60acd60891a0dfaedaed48706cede62c884a84004218a7c2eb3de18b4f3783258c47f45b34485a2edb350010e2f42cd5b388af45c6b070850288d284cbbbcda2d085ba47169a7d4fc79609ffbef2dc54455448c112333d4b48d4870843cd1a156822f418515a2ad17683749ba4ff5118ae3f686e966fbfdd71fd75e0bbc3738a94867b381ae88ecd6668e8ca6b6d286dce7e5d799b0a175d5afe5554a4332203e774bed8a04535067c9aac0a18108055b1db541f70363b277050951ab91fcbccd8329463d92cd2f81b95abdf8d437c4965454914fcc7b07d28062bc2976948356e76d9d11fd5b479eb391b46cc93e66da10e0ba1fed735c8b1b1f086973f6152b6a2299e3e22c9cc8c33b16ea71cc03013404ec41c18c9cc748e652ce16fe7061c32d550edfda330c1555e0c08e51f698f96b91615d8220acd9cb22f32e9757681487e0680adfbfacb9b5d2ce5a13b664d8466043270f9f3bde6ac6a05cf25ab0ccc0659a290c9669997be7ccc0086c3d61f7cf5f649cb25f0dbad9f7f66e3165cad25065145affac91bea061f4ff485af667dd7ebaf4baeea64611acbe5c74018be5a8b704fcd4f53d18504940411fac91bea061f4ff49a2f853c245297edc3d61f7cf5f649cb0f9b84173857a7b67c27928b58b4a6a65f517a43f106335e8b1d5c423a171723ffa04d0ac4e5c1a1853fcb2bc95ee8056cd5b4826fa55926733ef859a5f169e6afafd0506174e86864d53d967da98ab0b0e08d14be6d452c6c69755ac3a391993370a029761da893cfbf575da87c6b5ca602467b79c6c9532f438aaafb9ec915692f0287a8db979969e5635404d6fdfb753151533a277044afdd825f7197f2896c69755ac3a391993370a029761da893af24d88c02bccfae6cd5b4826fa55926f7722b78090b30b986f9287101582d8841187054ec673ebd2042f9836ea453c3afafd0506174e86800225b7f4102e3585b1923cb186fe0ceee54c6f17ab8555da26ecd334722494fc515b205e9624a4494c772ef4f023a606882e118fa6321c24ddee4821c840fb56aac929d6d0a052d5ff97d71e43811db939f7340826236af6f10316a04bf618d494a26e0fd06f7daa07177989e1680a4cf14829a5847f70377d6c12f1649400fcab44f4ff52989cf129aa6cca660be152a75b8e35648925dbce381b345d9e137c04a02a4c8252625f5625eed58fd34b7be4266e54212e88b23f012bead9abaef9e18aa308f0ecffaf3dda7d7b4efd2e0c4b8de161864620fc1f2af98bde031b29e0865381c96bbc10921b48a068558915ff023d18526f5d399e0893df43db7122415d52565dc982ea24fbd825734dbaefadc6df0f19d925c7f63d343a622134b1c934d130d662447add19064adbbb2fd24a82c0fbfcbc3175fc32761df099156daf4e86455740207eb4e4a5300d9c1a17ffd43703d476c36ef07df2206bd8d232b844ff3c1d7cf7c47ec502183af4e27b644d89a77efad286dee59796b124081510f8a6ea5c1dff9c3d61f7cf5f649cb25f0dbad9f7f66e3e0e7c3406ae4dd4eebc424f09f933d0eb1a881ed05ca8d5c70958237eb5b91d4e574440ea0c9179a582dc966bcfc1f21cf3630a2823a9a2d22bd09a00b213aae3866768ae2f24dde6784fbf292c2cba136689b286e75a81e016aa63061505f57a8c1113b833628e3a18dff8ae8ac8eaa7a4fba6045bc9b4b",
+    "cbe8c300dfb0280d71bf6546087c6d2fa49260085f53fca86c69755ac3a39199e08cb605efce617acfa509d5f3ee4d7f67a84d7c36cc175589405fde5d995a24258c47f45b34485a2edb350010e2f42cd5b388af45c6b070850288d284cbbbcd51e36f41b756a25f38d27dbe2e47e96b9eb56a96b59d61e02a467e881f70b21989b1a50685b6fc0265f528fc20b876d425a89c4bf6b33f829177fda27027e65b8a94867b381ae88ecd6668e8ca6b6d286dce7e5d799b0a175d5afe5554a4332253f0c4f5c9bdb3460b24efac7833fbd879ac113cff3fb054c2acafd436e7b207764de4ab3b6355c1f81b95abdf8d437c4965454914fcc7b07d28062bc2976948356e76d9d11fd5b479eb391b46cc93e6e7c25b1ec4f644a8db0202eb5f33da7304cc58b4b6849b84abe6457ccdf1b2c49742c749dda98108aee3c1c4aa0217527fcba7ce8189fbc216cdeb3ecbc1d365395fd220141d4e6d9fd317e3dac7bb229742c749dda981087abb6e8cb8b1e89237e40a524d2bbb8599a991777d21e7823e88c9264a91404ad3c355b1486472d2d33d2024825618176f3ca316f1c8864c67da113f439417e93a3a6e65f3b5b13e02b4cf797dd3ef437d453436628b776f17b592e82465766524d976e07cb995f7aeea64611acbe5c7afafd0506174e868b868cd5190eb2aca665e8d49164a81ede6cd674b6676107f753151533a277044030c6924517e4349b5024217bdf743a670fd5d571139e4f0e6cd674b6676107fc8b14b44ceeed441af4b194f05a9561933be0b316b16d035cf14829a5847f70377d6c12f1649400fcab44f4ff52989cf214f8b93be10da84253a49595b8ffa60e29586b86ee4d866c8ffcb81b934e9b51cd8670938da55d3ee5940a08809fab6f7c0a1702e2a8a95cc2ddffad05ffd7c7b7134e53eaa4f83b046182095e9d992f79b33aea9c3effbffbe7fd817b3e44233aa4802e15dfc49a29aa59c8f2497fa711bc068a62def563d8f10f7e48a08896850e0b312512643a819d6c108898dd8a2266bc2bd5ee75d866f1d98d020cafd7bd5f9c0972b08b652da3f7d8f2395dcf14e1860b5a41f63ca076947bd189a6df6b34a0d3b48e62299da383acb371030673a18f4f42a3e1ef21654bc56ed57d610df6c47a708c020420446a051fcfcfe2ec33e49302a9c7b920088012936f0e4972bd8f261f7b7345b2b4c07b28f439b8c363d561580eba60124eaa5aa0834e124254c2ea7e8b20334d705a519dd901833639d7019f49033c4bbb34a5481d3485125cdd7384aad1b3050717025af01dcfac91bea061f4ff485af667dd7ebaf4baeea64611acbe5c740e3c5229a33a810e6eb28a4163283ccebc424f09f933d0eb1a881ed05ca8d5c70958237eb5b91d4e574440ea0c9179a582dc966bcfc1f21cf3630a2823a9a2d22bd09a00b213aae3866768ae2f24dde59f3f21ab1f820a9d2bc9b9c79ecfe3a853fcb2bc95ee8056cd5b4826fa55926733ef859a5f169e6afafd0506174e86864d53d967da98ab0b0e08d14be6d452c753151533a2770444dc3bda33a30522cafafd0506174e868ad58c88e87a3bfc170e2ffb0f223e4e27d1f9f3c7343796941187054ec673ebdbd57ea3b34f9c6ccd2a3c00a7ba1a999546538785d7cc0b40a683a8bbd9cb842f96b87b99f2b3a0e241e69a6993bcca387380d5ea2d8e077753151533a277044c81e5b8a22ff6bdf23c4b6186d657cedfff99a50bc0729d1d320606a1d80beb0",
-  BimServer: "http://szgc.jhncidg.com/mapmodel",
+  BimServer: "https://model.jhncidg.com:18086",
 };

yanzhu-ui-vue3/src/views/bim/bimModel/modelDialog copy.vue

@@ -0,0 +1,109 @@
+<template>
+    <div>
+        <el-dialog v-model="show" append-to-body :close-on-click-modal="false" :close-on-press-escape="false" :title="title" width="960px" modal-class="model-dialog-show">
+            <div :id="elId"></div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import useBimStore from '@/store/modules/bim'
+export default {
+    data() {
+        return {
+            show: false,
+            title: '',
+            row: null,
+            bimStore: null,
+            sapi_1: null,
+            elId: 'gis' + +new Date(),
+        }
+    },
+    mounted() {
+        this.bimStore = useBimStore()
+        window.xapp = this
+    },
+    methods: {
+        showDialog(row) {
+            this.elId = 'gis' + +new Date()
+            this.row = row
+            this.show = true
+            this.title = row.name
+            this.$nextTick(() => {
+                this.initCesium()
+            })
+        },
+        initCesium() {
+            // const defaults = { ...this.bimStore.defaults }
+            let defaults = {
+                container: 'cesiumContainer', //[必须]容器id
+                showfps: false,
+                openterrain: true,
+                imageryprovider: 'tianditu_image',
+                openearth: false,
+                maxspaceerror: 2000,
+                loading: false,
+                bgcolor: '#87CEFA',
+                outlinecolor: '#000000',
+                outlineScaleVal: 1.001,
+                selectedcolor: '#ff0000',
+                sceneMode: 3,
+                TwoMapNavigationEnable: false,
+                throughwall: true,
+                searchbox: false,
+                mapbox: true,
+                secretkey: window.BIM_CONFIG.secretKey, //token.txt文件里的内容
+                editmode: false,
+                cadmode: false,
+                isRequestWebgl2: true,
+                requestRenderMode: true,
+                colorBlendMode: 2,
+                loadAnimation: false,
+                isStrictClip: true,
+                isMsaaSamples: true,
+                isOpenVR: false,
+                language: 'zh-CN',
+            }
+
+            defaults.container = this.elId
+            defaults.bgcolor = '#c6c9d1'
+            defaults.secretkey = window.BIM_CONFIG.secretKey
+            this.sapi_1 = new API(defaults)
+            this.sapi_1.Model.add(this.row.modelAccessAddress, this.row.lightweightName)
+            let mapOptions = {
+                imgs: {
+                    // 六面图片
+                    top: './Engine/Assets/Images/Navigation/bim/top.png',
+                    bottom: './Engine/Assets/Images/Navigation/bim/under.png',
+                    east: './Engine/Assets/Images/Navigation/bim/east.png',
+                    south: './Engine/Assets/Images/Navigation/bim/south.png',
+                    west: './Engine/Assets/Images/Navigation/bim/west.png',
+                    north: './Engine/Assets/Images/Navigation/bim/north.png',
+                },
+                offset: {
+                    // 屏幕坐标偏移
+                    corner: GLENavigationCube.RightTop,
+                    x: 25,
+                    y: 20,
+                },
+                cube: {
+                    hoverColor: '#7193dc', // 立方导航快鼠标移过显示颜色
+                    size: 75, // 导航立方尺寸
+                    hotPointSize: 7, // 导航立方棱角热点区域尺寸
+                    cubeTextColor: '#4c4c4ccc', // cube 各个面文字颜色
+                    cubeStrokeColor: '#374769cc', // cube 各个面边框颜色
+                    cubeFillColor: '#374769cc', // cube 各个面填充颜色
+                },
+                zoomRatios: 1, // 缩放倍率
+                show: true, // 是否显示
+                showAxes: true, // 是否显示XYZ轴线
+            }
+            this.sapi_1.Plugin.initNavCube(mapOptions)
+            //this.sapi_1.Public.setDisableMouseState(false)
+            //this.sapi_1.Public.setIsflipUnderground(false)
+        },
+    },
+}
+</script>
+
+<style></style>

yanzhu-ui-vue3/src/views/bim/bimModel/modelDialog.vue

@@ -34,6 +34,27 @@ export default {
             })
         },
         initCesium() {
+            debugger
+            var api = new SAPI(
+                {
+                    serverIP: `//model.jhncidg.com`, //服务ip地址
+                    port: 18086, //HTTP端口
+                    useHttps: true, //使用Https
+                    container: this.elId, //[必须]容器id
+                    secretKey: "cbe8c300dfb0280d71bf6546087c6d2fa49260085f53fca8e5bdce7cde8509800e60acd60891a0dfaedaed48706cede62c884a84004218a7c2eb3de18b4f3783258c47f45b34485a2edb350010e2f42cd5b388af45c6b070850288d284cbbbcda2d085ba47169a7d4fc79609ffbef2dc54455448c112333d4b48d4870843cd1a156822f418515a2ad17683749ba4ff5118ae3f686e966fbfdd71fd75e0bbc3738a94867b381ae88ecd6668e8ca6b6d286dce7e5d799b0a175d5afe5554a4332203e774bed8a04535067c9aac0a18108055b1db541f70363b277050951ab91fcbccd8329463d92cd2f81b95abdf8d437c4965454914fcc7b07d28062bc2976948356e76d9d11fd5b479eb391b46cc93e66da10e0ba1fed735c8b1b1f086973f6152b6a2299e3e22c9cc8c33b16ea71cc03013404ec41c18c9cc748e652ce16fe7061c32d550edfda330c1555e0c08e51f698f96b91615d8220acd9cb22f32e9757681487e0680adfbfacb9b5d2ce5a13b664d8466043270f9f3bde6ac6a05cf25ab0ccc0659a290c9669997be7ccc0086c3d61f7cf5f649cb25f0dbad9f7f66e3165cad25065145affac91bea061f4ff485af667dd7ebaf4baeea64611acbe5c74018be5a8b704fcd4f53d18504940411fac91bea061f4ff49a2f853c245297edc3d61f7cf5f649cb0f9b84173857a7b67c27928b58b4a6a65f517a43f106335e8b1d5c423a171723ffa04d0ac4e5c1a1853fcb2bc95ee8056cd5b4826fa55926733ef859a5f169e6afafd0506174e86864d53d967da98ab0b0e08d14be6d452c6c69755ac3a391993370a029761da893cfbf575da87c6b5ca602467b79c6c9532f438aaafb9ec915692f0287a8db979969e5635404d6fdfb753151533a277044afdd825f7197f2896c69755ac3a391993370a029761da893af24d88c02bccfae6cd5b4826fa55926f7722b78090b30b986f9287101582d8841187054ec673ebd2042f9836ea453c3afafd0506174e86800225b7f4102e3585b1923cb186fe0ceee54c6f17ab8555da26ecd334722494fc515b205e9624a4494c772ef4f023a606882e118fa6321c24ddee4821c840fb56aac929d6d0a052d5ff97d71e43811db939f7340826236af6f10316a04bf618d494a26e0fd06f7daa07177989e1680a4cf14829a5847f70377d6c12f1649400fcab44f4ff52989cf129aa6cca660be152a75b8e35648925dbce381b345d9e137c04a02a4c8252625f5625eed58fd34b7be4266e54212e88b23f012bead9abaef9e18aa308f0ecffaf3dda7d7b4efd2e0c4b8de161864620fc1f2af98bde031b29e0865381c96bbc10921b48a068558915ff023d18526f5d399e0893df43db7122415d52565dc982ea24fbd825734dbaefadc6df0f19d925c7f63d343a622134b1c934d130d662447add19064adbbb2fd24a82c0fbfcbc3175fc32761df099156daf4e86455740207eb4e4a5300d9c1a17ffd43703d476c36ef07df2206bd8d232b844ff3c1d7cf7c47ec502183af4e27b644d89a77efad286dee59796b124081510f8a6ea5c1dff9c3d61f7cf5f649cb25f0dbad9f7f66e3e0e7c3406ae4dd4eebc424f09f933d0eb1a881ed05ca8d5c70958237eb5b91d4e574440ea0c9179a582dc966bcfc1f21cf3630a2823a9a2d22bd09a00b213aae3866768ae2f24dde6784fbf292c2cba136689b286e75a81e016aa63061505f57a8c1113b833628e3a18dff8ae8ac8eaa7a4fba6045bc9b4b",
+                    openEarth: false, //[可选]开启Gis场景
+                    bgColor: 'rgba(135 ,206 ,250,1)', //[可选]bim场景背景色, 传值即为纯色天空盒
+                    tintColor: 'rgba(255,255,0,1)', //[可选]osgb单体化颜色
+                    sceneTime: ['13:00', '6:00', '18:00'], //[可选]分别为当前时间、日出时间、日落时间
+                    cadMode: false, // 是否是Cad图纸预览模式
+                },
+                () => {
+                    console.log('初始化成功') //初始化成功后在进行其他操作，如加载模型等
+                }
+            )
+            console.log('---->', api)
+        },
+        initCesium2() {
             // const defaults = { ...this.bimStore.defaults }
             let defaults = {
                 container: 'cesiumContainer', //[必须]容器id
@@ -99,8 +120,8 @@ export default {
                 showAxes: true, // 是否显示XYZ轴线
             }
             this.sapi_1.Plugin.initNavCube(mapOptions)
-            this.sapi_1.Public.setDisableMouseState(false)
+            //this.sapi_1.Public.setDisableMouseState(false)
-            this.sapi_1.Public.setIsflipUnderground(false)
+            //this.sapi_1.Public.setIsflipUnderground(false)
         },
     },
 }

yanzhu-ui-vue3/src/views/bim/bimModel/modelSelectDialog.vue

@@ -48,7 +48,6 @@ export default {
     },
     mounted() {
         console.log('===>', useUserStore())
-        debugger
     },
     methods: {
         showDialog() {