wgi-bimgisplatform v1.0.16

gis 组件 使用

main.js 注册 wgi-bimgisplatform

import "wgi-bimgisplatform/lib/wgi-bimgisplatform.css"; import WgiBimGisPlatform from "wgi-bimgisplatform"; Vue.use(WgiBimGisPlatform, { baseUrl: window._CONFIG"domianURL", token: 维格英账号 token });

在需要使用的页面

<WgiGisBase :sceneId="sceneId"></WgiGisBase>

bim 使用

1.在 public/index.html 页面引入 cdn

    <script src="<%= BASE_URL %>static/js/qmodel/qmodel.js"></script>
    <script src="//at.alicdn.com/t/c/font_3744861_j9gunkg4js.js"></script>
    <script src="//at.alicdn.com/t/font_1275843_kdsukfnrdms.js"></script>
        <!-- mqtt引入 -->
    <script src="<%= BASE_URL %>static/js/mqtt/mqttws31.js"></script>
    <script src="<%= BASE_URL %>static/js/mqtt/paho-mqtt.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>

2.vueBus 插件注册(如果注册过可以跳过) src/utils/目录下创建 vueBus.js 并生成 vuebus 插件 import Bus from 'vue'; let install = function (Vue) { Vue.prototype.\$bus = new Bus() } export default { install };

main.js 里注册 import vueBus from '@/utils/vueBus' Vue.use(vueBus) 在需要使用的地方

<BmModelViewer BmModelName="0301 电解车间%20-%20 一%20-%20 主体结构部分.rvt" BmModelId="10" BmEngineId="1 />

video 组件使用

在需要使用的 vue 文件中 import WgiVideoPlayer from "wgi-video-player"; import "wgi-video-player/lib/wgi-video-player.css"; 注册组件 components: { WgiVideoPlayer }, template 使用

<WgiVideoPlayer src="http://live.cgtn.com/1000/prog_index.m3u8" type="hls" width="560px" height="350px" />

---以下是报错解决办法，不是使用方法---

找不到 domianURl

<script>
    window._CONFIG = {};
    window._CONFIG["domianURL"] = 服务器地址; //外网测试
</script>

没有 antdV

package.json : "ant-design-vue": "^1.7.2" main.js : import Antd, { version } from "ant-design-vue"; console.log("ant-design-vue version:", version); import "ant-design-vue/dist/antd.min.css"; console.log(WgiVideoPlayer); Vue.use(Antd);

缺少 get、get_url、

package.json : "vue-ls": "^3.2.0"

main.js : import Storage from "vue-ls";

Vue.use(Storage, { // vue-ls options storageOptions: { namespace: "pro__", // key prefix name: "ls", // name variable Vue.ls or this.$ls, storage: "local", // storage name session, local, memory }, });

缺少 query

package.json : "vue-router": "^3.0.1" 配置 router

Cannot redefine property: $router 不能重复定义$router

将打包后的 js 文件里\$router 全部替换

Vue warn: Error in render: "TypeError: Cannot read property '0' of undefined" ？？？？？？？

Cannot redefine property: router or route

进 node_modules/wgi-xxx/xxx-min.js 删除 Object.defineProperty(Vue.prototype, '\$router', { get: function get () { return this._routerRoot._router } });

Object.defineProperty(Vue.prototype, '\$route', { get: function get () { return this._routerRoot._route } });

重新启动 vue 项目

---gis 报错排查---

如果报错缺少组件 则需要安装 "vue-cesium": "^2.4.0"

main.js //地图框架 import VueCesium from "vue-cesium"; Vue.use(VueCesium, { // cesiumPath 是指引用的 Cesium.js 路径，如 // 项目本地的 Cesium Build 包，vue 项目需要将 Cesium Build 包放 static 目录： // cesiumPath: /static/cesium/188/Cesium.js // SuperMap Cesium Build 包（在官方基础上二次开发出来的）： // cesiumPath: '/static/supermap/Cesium/Cesium.js' // 官方在线 Cesium Build 包，有 CDN 加速，推荐用这个：https://unpkg.com/cesium@latest/Build/Cesium/Cesium.js cesiumPath: "/static/cesium/188/Cesium.js", // 指定 Cesium.Ion.defaultAccessToken，使用 Cesium ion 的数据源需要到https://cesium.com/ion/申请一个账户，获取Access Token。不指定的话可能导致 Cesium 在线影像加载不了 accessToken: cesium 需要的 token });

public/static 缺少东西

从融合平台拿 往 public/static 加

---bim 报错排查---

Cannot read property '\$on' of undefined"

src/utils/目录下创建 vueBus.js 并生成 vuebus 插件 import Bus from 'vue'; let install = function (Vue) { Vue.prototype.\$bus = new Bus() } export default { install };

main.js 里注册 import vueBus from '@/utils/vueBus' Vue.use(vueBus)

html2canvas is not defined

引入 cdn ： <script src="https://cdn.bootcdn.net/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>