Anov-gis-sdk NPM

ANOV-GIS-SDK 三维GIS SDK

ANOV-GIS-SDK是一款构建三维 WebGIS 应用的二次开发API框架，该框架基于开源项目Cesium进行封装和优化，可用于构建跨操作系统、跨浏览器的三维 GIS 应用程序。可以实现在浏览器和移动端上美观、流畅的三维地图呈现与空间分析。

ANOV-GIS-SDK的用途：
1、二三维场景可视化；
2、数据动画和特效；
3、空间分析
4、第三方库融合（turf、threejs等）
5、地图交互与工具（标绘、控件、弹框等）

二、功能结构

SDK按照功能和特点，分成如下几个大的模块。
1、图层Layer，加载和管理基础图层，包括影像、地形、三维模型、矢量、dom图层、以及有多个覆盖物Grapic构成的图层。
2、材质Material，给点、线、面添加材质，比如圆扩散效果、流动线效果，流动水面材质，图片纹理等。
3、空间分析Analysis，结合影像、地形、模型等数据实现GIS相关的分析功能，呈现分析结果和效果。
4、场景Effect，包括三维特效，漫游，摄像机，天气特效雨雪雾等。
5、基础Core，静态工具函数库，事件，数据计算，坐标转换等。
6、实体元素Grapic，添加到三维球上的单个实体/图元，或者dom元素，多个Grapic构成图层Layer。

alt 效果

三、使用

使用方式1（原生html引入）

    ANOVGIS.ready(() => {
        let viewer = new ANOVGIS.Viewer("cesiumContainer",{
            imageryProvider:undefined
        });
    });`

使用方式2（npm引入）

npm install anov-gis-sdk

打包配置

const { defineConfig } = require('@vue/cli-service')
const CopywebpackPlugin = require('copy-webpack-plugin');
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  configureWebpack: (config) => {
    const cesiumSourcePath = 'node_modules/anov-gis-sdk/dist/anov-gis-sdk/';
    const plugins = [
      new CopywebpackPlugin({
        patterns: [
          {
            from: path.join(cesiumSourcePath, '/resources'),
            to: 'anov-gis-sdk/resources',
          },
        ]
      })
    ]
    return {
      module: { unknownContextCritical: false }, 
    }
  }
})

使用

<script>
import "anov-gis-sdk/dist/anov-gis-sdk/index.css";
import ANOVGIS from "anov-gis-sdk/dist/anov-gis-sdk/anov-gis-sdk.js";
global.ANOVGIS = ANOVGIS;
export default {
  name: "App",
  components: {},
  mounted() {
    ANOVGIS.ready(this.init3D);
  },
  methods: {
    init3D() {
      window.viewer = new ANOVGIS.Viewer("cesiumContainer", {
        vrButton: false,
        baseLayerPicker: true,
        fullscreenButton: true,
        homeButton: true,
        sceneModePicker: true,
        navigationHelpButton: true,
      });
      ANOVGIS.WidgetsControl.showAllControls({
        index: 4,
      });
    },
  },
};
</script>

3、官网

4、教程

5、功能示例

http://172.16.222.31:8866/

6、Api文档