# 介绍
@anov/gis核心是一个前端js库，代码主要基于WebGL和Cesium进行开发和封装，可用于构建在浏览器和移动端运行的三维WebGIS应用系统。
使用ANOV-GIS二次开发SDK能够缩短开发周期。另外，提供ANOV-UI组件，使用户可以零代码开发GIS系统。
## 1、功能结构
@anov/gis的用途包括二三维场景可视化、数据动画和特效、空间分析、地图交互和工具等。
具体分成如下几个大的模块：
1、图层Layer，加载和管理基础图层，包括影像、地形、三维模型、矢量、dom图层、以及有多个实体元素Grapic构成的要素图层。
2、材质Material，给点、线、面添加材质，比如圆扩散效果、流动线效果，流动水面材质，图片纹理等。
3、空间分析Analysis，结合影像、地形、模型等数据实现GIS相关的分析功能，呈现分析结果和效果。
4、场景Effect，包括三维特效，漫游，摄像机，天气特效雨雪雾等。
5、基础Core，静态工具函数库，事件，数据计算，坐标转换等。
6、实体元素Grapic，添加到三维球上的entity/primitive，或者dom元素，多个Grapic构成图层Layer。
## 2、SDK安装
### 方式1
下载SDK二次开发包，然后引入css和js文件即可。
```html
```
#### 完整demo
```html
@anov/gis最简完整demo
```
### 方式2
#### 1、安装
`NPM / YARN` 的方式安装，它能更好地和 webpack 打包工具配合使用。
```shell
npm i @anov/gis
-------------------------
yarn add @anov/gis
```
安装后在相关使用文件中引入使用即可
```js
import "@anov/gis/dist/index.css";
import ANOVGIS from "@anov/gis";
```
#### 2、配置
下面介绍常见的几种技术栈下配置方法。
##### 2.1 vue-cli 技术栈时 的项目配置修改
工程模板下载: [anov-gis-vue](https://github.com/948033145/anov-gis-vue2)
##### 2.2 vue-vite 技术栈时 的项目配置修改
工程模板源码下载: [anov-gis-vite](https://github.com/948033145/anov-gis-vite)
## 3、快速上手
```javascript
window.viewer = new ANOVGIS.Viewer("cesiumContainer", {
geocoderType: ANOVGIS.GeocoderType.TIANDITU,
vrButton: false,
baseLayerPicker: true,
fullscreenButton: true,
homeButton: true,
sceneModePicker: true,
navigationHelpButton: true,
showMapInfo: true,
drillPick: false,
});
```
## 4、官网
## 5、教程
http://hvv1235667147:3313/
## 6、功能示例
http://172.16.222.31:8866/
http://hvv1235667147:3313/