1.1.0 • Published 2 years ago

anov-gis-sdk v1.1.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

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文档

7、项目模板

1.1.0

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

0.0.0

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago