BOSGeo Viewer 是 BOS 提供的一个 BIM+GIS 的三维空间可视化组件。在集成海量 BIM 模型、实景三维模型、遥感影像、地形和矢量数据等空间数据的基础上，提供一系列基于 BIM+GIS 的三维可视化场景查看和交互功能及相关的接口，包括三维地图视图控制、漫游、图层管理、BIM 模型数据搜索与空间定位、路径规划、测量等空间分析功能，实现地理空间的室内室外、地上地下一体化展示与管理。相比于 BOS3DViewer，BOSGeoViewer 由于能够承载海量 GIS 数据（倾斜摄影数据、矢量数据和栅格数据等），并提供了剖面分析、地形开挖、缓冲分析等三维 GIS 特色的空间分析功能，可以实现空间大场景至小场景的逐级细化管理，适合于大型园区、城区级或城市级等大范围 BIM+GIS 数据的承载与展示。

BOSGeo Viewer 包含 BOSGeo 和 BOSGeoUI 两个顶级父类，其中 BOSGeo 类对应引擎库的内容，主要包含 GeoMap、LayerManager、MapLayer、ModelLayer、ParticleLayer、Roam、Draw 和 GeoUtil 等类；BOSGeoUI 对应 UI 库的内容，目前主要实现了 UI 界面的配置。BOSGeo 类是 BOSGeoViewer 的核心，除 BOSGeoUI 类外，所有类、对象全都是 BOSGeo 的子类。

本 NPM 包为引擎库，只包含 BOSGeo 类。

盈嘉互联 BOS 官网

开始

安装 BOSGeo 引擎库 npm 包:

npm install bosgeo

使用

// webpack.config.js配置
const CopyWebpackPlugin = require("copy-webpack-plugin");

{
  plugins: [
    new CopyWebpackPlugin([
      { from: path.join("node_modules/bosgeo/build", "/Assets"), to: "Assets" },
      {
        from: path.join("node_modules/bosgeo/build", "/ThirdParty"),
        to: "ThirdParty",
      },
      {
        from: path.join("node_modules/bosgeo/build", "/Widgets"),
        to: "Widgets",
      },
      {
        from: path.join("node_modules/bosgeo/build", "/Workers"),
        to: "Workers",
      },
    ]),
  ];
}

// index.js使用
import * as BOSGeo from "bosgeo"; //引入BOSGeo引擎库
BOSGeo.setBOSGeoBaseUrl("http://localhost:8000/"); //用于本地化部署时设置静态资源文件的根路径
let geomap = new BOSGeo.GeoMap("bosgeoContainer"); //实例化GeoMap对象

案例

如果有问题，欢迎到 知屋安砖上交流。