diff --git a/package.json b/package.json
index 7585777bf..ffae47521 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "dependencies": {
         "@mapbox/leaflet-omnivore": "^0.3.4",
         "@mapbox/mapbox-gl-style-spec": "^13.15.0",
-        "@mapgis/mapbox-gl": "^1.9.0",
+        "@mapgis/mapbox-gl": "^16.0.0",
         "@turf/turf": "^6.3.0",
         "axios": "^0.18.0",
         "cesium": "1.84.0",
diff --git a/src/cesiumjs/manager/AdvancedAnalysisManager.js b/src/cesiumjs/manager/AdvancedAnalysisManager.js
index 5442a4f9a..7089e56ba 100644
--- a/src/cesiumjs/manager/AdvancedAnalysisManager.js
+++ b/src/cesiumjs/manager/AdvancedAnalysisManager.js
@@ -12,6 +12,15 @@ export default class AdvancedAnalysisManager {
     constructor(option) {
         this._viewer = Cesium.defaultValue(option.viewer, undefined);
         this._scene = this._viewer.scene;
+        // 记录设置之前的配置
+        this._oldSetting = {
+            skyAtmosphere: {
+                hueShift: this._scene.skyAtmosphere.hueShift,
+                saturationShift: this._scene.skyAtmosphere.saturationShift,
+                brightnessShift: this._scene.skyAtmosphere.brightnessShift
+            },
+            fog: { density: this._scene.fog.density, minimumBrightness: this._scene.fog.minimumBrightness }
+        };
     }
 
     /**
@@ -432,6 +441,12 @@ export default class AdvancedAnalysisManager {
      */
     removeStage(stage) {
         this.viewer.scene.postProcessStages.remove(stage);
+        // 重置配置
+        this.scene.skyAtmosphere.hueShift = this._oldSetting.skyAtmosphere.hueShift;
+        this.scene.skyAtmosphere.saturationShift = this._oldSetting.skyAtmosphere.saturationShift;
+        this.scene.skyAtmosphere.brightnessShift = this._oldSetting.skyAtmosphere.brightnessShift;
+        this.scene.fog.density = this._oldSetting.fog.density;
+        this.scene.fog.minimumBrightness = this._oldSetting.fog.minimumBrightness;
     }
 
     /**
diff --git a/src/mapboxgl/package.json b/src/mapboxgl/package.json
index de9083102..5ebd34633 100644
--- a/src/mapboxgl/package.json
+++ b/src/mapboxgl/package.json
@@ -1,39 +1,39 @@
 {
-  "name": "@mapgis/webclient-es6-mapboxgl",
-  "version": "15.6.1",
-  "description": "",
-  "main1": "dist-libs/webclient-mapboxgl-plugin.min.js",
-  "module": "index.js",
-  "scripts": {
-    "build": "npm run build-debug && npm run build-release",
-    "build-debug": "webpack --config webpack/mapbox-es6-debug-config.js",
-    "build-release": "webpack --config webpack/mapbox-es6-release-config.js"
-  },
-  "keywords": [
-    "zondy",
-    "service",
-    "&",
-    "mapboxgl"
-  ],
-  "author": "Wuhan Zondy Cyber Science&Technology Co.Ltd.",
-  "license": "Apache-2.0",
-  "dependencies": {
-    "@mapgis/mapbox-gl": "^1.9.9",
-    "@mapgis/webclient-es6-service": "^10.5.7",
-    "core-js": "^3.21.1",
-    "echarts": "^4.8.0",
-    "mapv": "^2.0.56"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.4",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-add-module-exports": "^1.0.4",
-    "css-loader": "^6.5.1",
-    "html-webpack-plugin": "^5.5.0",
-    "sass-loader": "^12.4.0",
-    "style-loader": "^3.3.1",
-    "ts-loader": "^9.2.6",
-    "webpack": "^5.65.0"
-  }
+    "name": "@mapgis/webclient-es6-mapboxgl",
+    "version": "16.0.1",
+    "description": "",
+    "main1": "dist-libs/webclient-mapboxgl-plugin.min.js",
+    "module": "index.js",
+    "scripts": {
+        "build": "npm run build-debug && npm run build-release",
+        "build-debug": "webpack --config webpack/mapbox-es6-debug-config.js",
+        "build-release": "webpack --config webpack/mapbox-es6-release-config.js"
+    },
+    "keywords": [
+        "zondy",
+        "service",
+        "&",
+        "mapboxgl"
+    ],
+    "author": "Wuhan Zondy Cyber Science&Technology Co.Ltd.",
+    "license": "Apache-2.0",
+    "dependencies": {
+        "@mapgis/mapbox-gl": "^16.0.0",
+        "@mapgis/webclient-es6-service": "^16.0.0",
+        "core-js": "^3.21.1",
+        "echarts": "^4.8.0",
+        "mapv": "^2.0.56"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.16.0",
+        "@babel/preset-env": "^7.16.4",
+        "babel-loader": "^8.2.3",
+        "babel-plugin-add-module-exports": "^1.0.4",
+        "css-loader": "^6.5.1",
+        "html-webpack-plugin": "^5.5.0",
+        "sass-loader": "^12.4.0",
+        "style-loader": "^3.3.1",
+        "ts-loader": "^9.2.6",
+        "webpack": "^5.65.0"
+    }
 }
diff --git a/src/service/package.json b/src/service/package.json
index 13ebcb242..3633c817f 100644
--- a/src/service/package.json
+++ b/src/service/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@mapgis/webclient-es6-service",
-    "version": "15.6.1",
+    "version": "16.0.1",
     "description": "中地数码基于ES6语法针对igserver的服务封装",
     "main1": "dist-libs/webclient-es6-service.min.js",
     "module": "index.js",
diff --git a/website/public/static/demo/cesium-new/example/tool/model-explosion.htm b/website/public/static/demo/cesium-new/example/tool/model-explosion.htm
new file mode 100644
index 000000000..eca715ef9
--- /dev/null
+++ b/website/public/static/demo/cesium-new/example/tool/model-explosion.htm
@@ -0,0 +1,458 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+    <meta charset='utf-8' />
+    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
+    <title>模型爆炸(单图层)</title>
+    <!--引入第三方的jquery脚本库-->
+    <script include="jquery" src="./static/libs/include-lib-local.js"></script>
+    <script src="./static/libs/include-cesium-new-local.js"></script>
+    <!--当前示例页面样式表引用-->
+    <link rel="stylesheet" href="./static/demo/cesium-new/example/style.css" />
+    <style>
+        .mapgis-3d-button{
+            padding: 10px;
+            border-radius: 4px;
+            background: white;
+            position: absolute;
+            top: 10px;
+            left: 10px;
+            cursor: pointer;
+        }
+    </style>
+    <script>
+      'use strict';
+      //定义三维视图的主要类
+      var viewer, version, url, layerList = [], valueGroups, modelExplosion;
+
+      //地图初始化函数
+      function init() {
+        //构造三维视图类（视图容器div的id，三维视图设置参数）
+        viewer = new Cesium.Viewer('mapgis-3d-viewer', {
+          infoBox: false,
+          selectionIndicator: false,
+          shouldAnimate: true
+        });
+        viewer.showPosition();
+        var scene = viewer.scene;
+        //开启抗锯齿
+        viewer.scene.fxaa = true;
+        viewer.scene.postProcessStages.fxaa.enabled = true;
+        //初始化模型爆炸工具
+        modelExplosion = new Cesium.ModelExplosion(viewer);
+        //默认加载1.0数据
+        url = "http://192.168.182.13:6163/igs/rest/g3d/GMWDP_三维地层模型服务图层-体要素_c37541ac2953425e82333ac6b885a272";
+        viewer.scene.layers.appendSceneLayer(url, {
+          duration: 1,
+          debugShowBoundingVolume: false,
+          maximumScreenSpaceError: 0,
+          loaded: function (layer) {
+            layerList = [];
+            layerList.push(layer);
+          }
+        });
+        version = "1";
+      }
+
+      function selectData() {
+        viewer.scene.layers.removeAllLayers();
+        version = $('select  option:selected').val();
+        if(version === "1"){
+          url = "http://192.168.182.13:6163/igs/rest/g3d/GMWDP_三维地层模型服务图层-体要素_c37541ac2953425e82333ac6b885a272";
+        }else {
+          url = "http://192.168.21.191:6163/igs/rest/g3d/江语城地质体";
+        }
+        viewer.scene.layers.appendSceneLayer(url, {
+          duration: 1,
+          debugShowBoundingVolume: false,
+          maximumScreenSpaceError: 0,
+          loaded: function (layer) {
+            layerList = [];
+            layerList.push(layer);
+          }
+        });
+      }
+      
+      function explosionUniqueSingle() {
+        if(version === "1") {
+          valueGroups = [];
+          var index = 1;
+          for (var i = 0;i < 4000; i += 300) {
+            for (var j = i; j < i + 300; j++) {
+              valueGroups.push({
+                value: j,
+                distance: 10000 * index
+              });
+            }
+            index++;
+          }
+
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //单向爆炸方向，可设置任意方向
+            moveDirection: new Cesium.Cartesian3(0, 0, 1),
+            //过滤类型，unique：单值，range：分段
+            type: "unique",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'oid',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: true
+          });
+        }else {
+          valueGroups = [];
+          var index = 1;
+          for (var i = 0;i < 15; i += 3) {
+            for (var j = i; j < i + 3; j++) {
+              valueGroups.push({
+                value: j,
+                distance: 200 * index
+              });
+            }
+            index++;
+          }
+
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //单向爆炸方向，可设置任意方向
+            moveDirection: new Cesium.Cartesian3(0, 0, 1),
+            //过滤类型，unique：单值，range：分段
+            type: "unique",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'oid',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: true
+          });
+        }
+      }
+      
+      function explosionUniqueMulti() {
+        if(version === "1") {
+          valueGroups = [];
+          var index = 1;
+          for (var i = 0;i < 4000; i += 300) {
+            for (var j = i; j < i + 300; j++) {
+              if(j % 3 === 0){
+                valueGroups.push({
+                  value: j,
+                  direction: new Cesium.Cartesian3(10000 * index, 0, 0)
+                });
+              }else if(index % 3 === 1) {
+                valueGroups.push({
+                  value: j,
+                  direction: new Cesium.Cartesian3(0, 10000 * index, 0)
+                });
+              }else {
+                valueGroups.push({
+                  value: j,
+                  direction: new Cesium.Cartesian3(0 , 0, 10000 * index)
+                });
+              }
+            }
+            index++;
+          }
+
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //过滤类型，unique：单值，range：分段
+            type: "unique",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'oid',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: false
+          });
+        }else {
+          valueGroups = [];
+          var index = 1;
+          for (var i = 0;i < 15; i += 3) {
+            for (var j = i; j < i + 3; j++) {
+              if(j % 3 === 0){
+                valueGroups.push({
+                  value: j,
+                  direction: new Cesium.Cartesian3(200 * index, 0, 0)
+                });
+              }else if(index % 3 === 1) {
+                valueGroups.push({
+                  value: j,
+                  direction: new Cesium.Cartesian3(0, 200 * index, 0)
+                });
+              }else {
+                valueGroups.push({
+                  value: j,
+                  direction: new Cesium.Cartesian3(0 , 0, 200 * index)
+                });
+              }
+            }
+            index++;
+          }
+
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //过滤类型，unique：单值，range：分段
+            type: "unique",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'oid',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: false
+          });
+        }
+      }
+
+      function explosionRangeSingle() {
+        if(version === "1") {
+          valueGroups = [
+            {
+              start: 0,
+              end: 600,
+              distance: 30000
+            },
+            {
+              start: 601,
+              end: 1000,
+              distance: 60000
+            },
+            {
+              start: 1001,
+              end: 1500,
+              distance: 90000
+            },
+            {
+              start: 1501,
+              end: 2000,
+              distance: 120000
+            },
+            {
+              start: 2001,
+              end: 2500,
+              distance: 180000
+            },
+            {
+              start: 2500,
+              end: 4000,
+              distance: 21000
+            }
+          ]
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //单向爆炸方向，可设置任意方向
+            moveDirection: new Cesium.Cartesian3(0, 0, 1),
+            //过滤类型，unique：单值，range：分段
+            type: "range",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'oid',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: true
+          });
+        }else {
+          valueGroups = [
+            {
+              start: 0,
+              end: 1,
+              distance: 200
+            },
+            {
+              start: 2,
+              end: 3,
+              distance: 400
+            },
+            {
+              start: 4,
+              end: 6,
+              distance: 600
+            },
+            {
+              start: 7,
+              end: 10,
+              distance: 800
+            },
+            {
+              start: 11,
+              end: 13,
+              distance: 1000
+            },
+            {
+              start: 14,
+              end: 20,
+              distance: 1200
+            }
+          ]
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //单向爆炸方向，可设置任意方向
+            moveDirection: new Cesium.Cartesian3(0, 0, 1),
+            //过滤类型，unique：单值，range：分段
+            type: "range",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'oid',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: true
+          });
+        }
+      }
+      
+      function explosionRangeMulti() {
+        if(version === "1") {
+          valueGroups = [
+            {
+              start: 0,
+              end: 600,
+              direction: new Cesium.Cartesian3(0, 10000, 30000)
+            },
+            {
+              start: 601,
+              end: 1000,
+              direction: new Cesium.Cartesian3(60000, 0, 30000)
+            },
+            {
+              start: 1001,
+              end: 1500,
+              direction: new Cesium.Cartesian3(20000, 40000, 10000)
+            },
+            {
+              start: 1501,
+              end: 2000,
+              direction: new Cesium.Cartesian3(0, 0, 120000)
+            },
+            {
+              start: 2001,
+              end: 2500,
+              direction: new Cesium.Cartesian3(100000, 0, 0)
+            },
+            {
+              start: 2500,
+              end: 4000,
+              direction: new Cesium.Cartesian3(0, 130000, 0)
+            }
+          ]
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //过滤类型，unique：单值，range：分段
+            type: "range",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'oid',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: false
+          });
+        }else {
+          valueGroups = [
+            {
+              start: 0,
+              end: 1,
+              direction: new Cesium.Cartesian3(2000, 200, 1000)
+            },
+            {
+              start: 2,
+              end: 3,
+              direction: new Cesium.Cartesian3(1000, 1200, 1100)
+            },
+            {
+              start: 4,
+              end: 6,
+              direction: new Cesium.Cartesian3(0, 2200, 0)
+            },
+            {
+              start: 7,
+              end: 10,
+              direction: new Cesium.Cartesian3(1000, 100, 0)
+            },
+            {
+              start: 11,
+              end: 13,
+              direction: new Cesium.Cartesian3(0, 1000, 900)
+            },
+            {
+              start: 14,
+              end: 20,
+              direction: new Cesium.Cartesian3(90, 20, 0)
+            }
+          ]
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //过滤类型，unique：单值，range：分段
+            type: "range",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'oid',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: false
+          });
+        }
+      }
+
+      function explosionContainSingle() {
+        if(version === "2") {
+          valueGroups = [];
+          valueGroups.push({
+            value : "砾砂",
+            distance : 100
+          });
+          valueGroups.push({
+            value : "下推层",
+            distance : 300
+          });
+
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //单向爆炸方向，可设置任意方向
+            moveDirection: new Cesium.Cartesian3(0, 0, 1),
+            //过滤类型，unique：单值，range：分段，contain：包含
+            type: "contain",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'LAYERNAME',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: true
+          });
+        }
+      }
+      
+      function explosionContainMulti() {
+        if(version === "2") {
+          valueGroups = [
+            {
+              value : "砾砂",
+              direction: new Cesium.Cartesian3(0, 400, 0)
+            },
+            {
+              value : "下推层",
+              direction: new Cesium.Cartesian3(400, 0, 0)
+            }
+          ]
+          modelExplosion.explosionByField(layerList, {
+            //过滤数据
+            valueGroups: valueGroups,
+            //过滤类型，unique：单值，range：分段，contain：包含
+            type: "contain",
+            //过滤字段，1.0数据可不填，默认为oid
+            field: 'LAYERNAME',
+            //爆炸方向，true：单方向，false：多方向
+            singleDirection: false
+          });
+        }
+      }
+    </script>
+</head>
+
+<body onload="init()">
+<div id="mapgis-3d-viewer">
+</div>
+<select class="mapgis-3d-button" onchange="selectData()">
+    <option value ="1">1.0数据</option>
+    <option value ="2">2.0数据</option>
+</select>
+<div onclick="explosionUniqueSingle()" style="left: 130px" class="mapgis-3d-button">单值过滤-单方向</div>
+<div onclick="explosionUniqueMulti()" style="left: 300px" class="mapgis-3d-button">单值过滤-多方向</div>
+<div onclick="explosionRangeSingle()" style="left: 470px" class="mapgis-3d-button">分段过滤-单方向</div>
+<div onclick="explosionRangeMulti()" style="left: 640px" class="mapgis-3d-button">分段过滤-多方向</div>
+<div onclick="explosionContainSingle()" style="left: 810px" class="mapgis-3d-button">属性过滤-单方向</div>
+<div onclick="explosionContainMulti()" style="left: 980px" class="mapgis-3d-button">属性过滤-多方向</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/website/public/static/demo/cesium-new/gallery/tool/model-explosion.png b/website/public/static/demo/cesium-new/gallery/tool/model-explosion.png
new file mode 100644
index 000000000..a0bd97a40
Binary files /dev/null and b/website/public/static/demo/cesium-new/gallery/tool/model-explosion.png differ
diff --git a/website/public/static/demo/cesium/helper/ogc/wmts/WMTS.md b/website/public/static/demo/cesium/helper/ogc/wmts/WMTS.md
index 3ff5a6b51..9a1d4216c 100644
--- a/website/public/static/demo/cesium/helper/ogc/wmts/WMTS.md
+++ b/website/public/static/demo/cesium/helper/ogc/wmts/WMTS.md
@@ -11,9 +11,9 @@
 
 ```js
 var tianditu = new Cesium.WebMapTileServiceImageryProvider({
-    url: 'http://t0.tianditu.com/DataServer?T=vec_w&L={TileMatrix}&Y={TileRow}&X={TileCol}&tk=9c157e9585486c02edf817d2ecbc7752',
+    url: 'http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer/1.0.0/beijing/default/EPSG:4326_北京市_arcgis_GB/{TileMatrix}/{TileRow}/{TileCol}.png',
     maximumLevel: 19,
-    credit: new Cesium.Credit('3857')
+    credit: new Cesium.Credit('4326')
 });
 webGlobe.viewer.imageryLayers.addImageryProvider(tianditu);
 ```
@@ -82,7 +82,93 @@ var lnglat = new Cesium.WebMapTileServiceImageryProvider({
 结果如下：
 ![kvp](./static/demo/cesium/helper/ogc/wmts/wmts-kvp.png)
 
-## 3. WMTS 元数据信息不可信！！
+## 3. MapGIS WMTS调用
+
+### 3.1 v1 版本<=10.5.4（Java / NET版本）
+1. restful
+    1. 规则
+    ``` js 
+    @GetMapping("/WMTSServer/1.0.0/{layer}/default/{tileMatrixSet}/{tileMatrix}/{tileRow}/{tileCol}.{format}")
+    ```
+    2. 示例
+    ``` js 
+    >>> http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer/1.0.0/beijing/default/EPSG:4326_北京市_arcgis_GB/{z}/{y}/{x}.png
+    ```
+2. kvp
+    1. 规则
+    ``` js
+    ResponseEntity<?> getWMTSServerKvpByServerName(
+        @PathVariable("serverName") String serverName,
+        @RequestParam(value = "service", required = false) String service,
+        @RequestParam(value = "version", required = false) String version,
+        @RequestParam(value = "request", required = false, defaultValue = "") String request,
+        @RequestParam(value = "layer", required = false) String layer,
+        @RequestParam(value = "style", required = false) String style,
+        @RequestParam(value = "format", required = false) String format,
+        @RequestParam(value = "tileMatrixSet", required = false) String tileMatrixSet,
+        @RequestParam(value = "tileMatrix", required = false) String tileMatrix,
+        @RequestParam(value = "tileRow", required = false) String tileRow,
+        @RequestParam(value = "tileCol", required = false) String tileCol,
+        @RequestParam(value = "J", required = false) String j,
+        @RequestParam(value = "I", required = false) String i,
+        @RequestParam(value = "infoFormat", required = false) String infoFormat)
+    ```
+    2. 示例
+    ``` js
+    `${protocol}://${ip}:${port}/igs/rest/ogc/beijing/WMTSServer?` +
+        'service=WMTS' +
+        '&request=GetTile' +
+        '&version=1.0.0' +
+        '&style=default' +
+        '&tilematrixSet=EPSG:4326_北京市_arcgis_GB' +
+        '&format=image/png' +
+        '&layer=beijing' +
+        '&tilematrix={z}' +
+        '&tilerow={y}' +
+        '&tilecol={x}'
+    ```
+### 3.2 v2 版本>=10.5.6 (仅Java版本)
+1. restful
+    1. 规则
+    ``` js 
+    @GetMapping("/1.0.0/{layer}/default/{tileMatrixSet}/{tileMatrix}/{tileRow}/{tileCol}.{format}")
+    ```
+    2. 示例
+    ``` js 
+    >>> http://192.168.21.191:8089/igs/rest/services/OGC_4326_CHINA/WMTSServer/1.0.0/OGC_4326_CHINA/default/EPSG:4326_OGC_4326_CHINA_028mm_GB/{z}/{y}/{x}.png
+    ```
+2. kvp
+    1. 规则
+    ``` js
+    ResponseEntity<?> getTileByKvp(@PathVariable("serviceName") String serviceName,
+        @RequestParam(value = "service", required = false) String service,
+        @RequestParam(value = "version", required = false) String version,
+        @RequestParam(value = "request", required = false) String request,
+        @RequestParam(value = "layer", required = false) String layer,
+        @RequestParam(value = "style", required = false) String style,
+        @RequestParam(value = "format", required = false) String format,
+        @RequestParam(value = "tileMatrixSet", required = false) String tileMatrixSet,
+        @RequestParam(value = "tileMatrix", required = false) String tileMatrix,
+        @RequestParam(value = "tileRow", required = false) String tileRow,
+        @RequestParam(value = "tileCol", required = false) String tileCol)
+    ```
+    2. 示例
+    ``` js
+    `http://192.168.21.191:8089/igs/rest/ogc/WMTSServer?` +
+        'service=WMTS' +
+        '&request=GetTile' +
+        '&version=1.0.0' +
+        '&style=default' +
+        '&tilematrixSet=EPSG:4326_北京市_arcgis_GB' +
+        '&format=image/png' +
+        '&layer=OGC_4326_CHINA' +
+        '&tilematrix={z}' +
+        '&tilerow={y}' +
+        '&tilecol={x}'
+    ```
+
+
+## 4. WMTS 元数据信息不可信！！
 
 与其说 WMTS 元数据信息不可信，本质上是说实际线下实操人员的操作不可信。以上面为例
 
@@ -91,7 +177,7 @@ var lnglat = new Cesium.WebMapTileServiceImageryProvider({
 > 但是元数据信息描述里面的矩阵集居然有 2 类，其中一类是全球墨卡托， Orz....
 > ![错误描述](./static/demo/cesium/helper/ogc/wmts/error-info.png)
 
-### 3.1 出现过该场景的情况
+### 4.1 出现过该场景的情况
 
 > 从下面数据情况几乎可以得出结论，无法避免不同平台不同版本带来的差异， `强烈推荐`使用`KVP`的方式`手动匹配`来统一处理，而不是自动解析 WMTS.xml 的元数据信息
 
diff --git a/website/public/static/demo/config/config-cesium-new.json b/website/public/static/demo/config/config-cesium-new.json
index 1979f8817..952bf5a88 100644
--- a/website/public/static/demo/config/config-cesium-new.json
+++ b/website/public/static/demo/config/config-cesium-new.json
@@ -321,6 +321,14 @@
                     "icon": "measure-plot.png",
                     "update": "最后更新时间:2022-03-14"
                 },
+                {
+                    "name": "模型爆炸(单图层)",
+                    "file": "model-explosion",
+                    "diffcult": "1",
+                    "detail": "",
+                    "icon": "model-explosion.png",
+                    "update": "最后更新时间:2022-08-10"
+                },
                 {
                     "name": "模型编辑",
                     "file": "tool-edit",
diff --git a/website/public/static/demo/config/config-headers.json b/website/public/static/demo/config/config-headers.json
index c616d2152..af12bb58c 100644
--- a/website/public/static/demo/config/config-headers.json
+++ b/website/public/static/demo/config/config-headers.json
@@ -50,15 +50,18 @@
                 ]
             },
             {
-                "title": "开发指南",
+                "title": "开发文档",
                 "icon": "iconkaifazhinan",
                 "links": [
                     [
-                        "开发指南"
+                        "组件开发入门",
+                        "Cesium开发文档",
+                        "MapboxGL开文档",
+                        "UI开文档"
                     ]
                 ],
                 "hightlights": [[true]],
-                "routes": [["/guide/component/development_component", "", "", "", "", "", "", "", "", "", "", ""]]
+                "routes": [["/guide/component/development_component", "http://120.78.82.242:8891", "http://120.78.82.242:8892", "http://120.78.82.242:8893","", "", "", "", "", "", "", ""]]
             },
             {
                 "title": "常见问题",
@@ -124,15 +127,16 @@
                 ]
             },
             {
-                "title": "开发指南",
+                "title": "开发文档",
                 "icon": "iconkaifazhinan",
                 "links": [
                     [
+                        "开发入门",
                         "开发指南"
                     ]
                 ],
                 "hightlights": [[true]],
-                "routes": [["/guide/cesium/development_cesium", "", "", "", "", "", "", "", "", "", "", ""]]
+                "routes": [["/guide/cesium/MapGIS Client for JavaScript（Cesium）开发入门","/guide/cesium/development_cesium", "", "", "", "", "", "", "", "", "", "", ""]]
             },
             {
                 "title": "常见问题",
@@ -260,10 +264,11 @@
                 ]
             },
             {
-                "title": "开发指南",
+                "title": "开发文档",
                 "icon": "iconkaifazhinan",
                 "links": [
                     [
+                        "开发入门",
                         "开发指南"
                     ]
                 ],
@@ -374,15 +379,16 @@
                 ]
             },
             {
-                "title": "开发指南",
+                "title": "开发文档",
                 "icon": "iconkaifazhinan",
                 "links": [
                     [
+                        "开发入门",
                         "开发指南"
                     ]
                 ],
                 "hightlights": [[true]],
-                "routes": [["/guide/leaflet/development_leaflet", "", "", "", "", "", "", "", "", "", "", ""]]
+                "routes": [["/guide/leaflet/MapGIS Client for JavaScript（Leaflet）开发入门","/guide/leaflet/development_leaflet", "", "", "", "", "", "", "", "", "", "", ""]]
             },
             {
                 "title": "开发示例",
@@ -449,18 +455,19 @@
                 ]
             },
             {
-                "title": "开发指南",
+                "title": "开发文档",
                 "icon": "iconkaifazhinan",
                 "links": [
                     [
+                        "开发入门",
                         "开发指南"
                     ]
                 ],
                 "hightlights": [[true]],
-                "routes": [["/guide/openlayers/development_ol", "", "", "", "", "", "", "", "", "", "", ""]]
+                "routes": [["/guide/openlayers/MapGIS Client for JavaScript（OpenLayers）开发入门","/guide/openlayers/development_ol", "", "", "", "", "", "", "", "", "", "", ""]]
             },
             {
-                "title": "开发示例",
+                "title": "开发示例 - 组件",
                 "icon": "iconzaixianshili",
                 "links": [
                     [
@@ -531,5 +538,73 @@
                 ]
             }
         ]
+    },
+    {
+        "title": "MapGISPlot",
+        "icon": "iconmap2",
+        "menus": [
+            {
+                "title": "产品",
+                "icon": "iconchanpinjieshao"
+            },
+            {
+                "title": "开发示例 - vue",
+                "icon": "iconzaixianshili",
+                "links": [
+                    [
+                        "标绘-二维",
+                        "态势推演-二维",
+                        "标绘-三维",
+                        "态势推演-三维",
+                        "标绘-二三维联动",
+                        "态势推演-二三维联动"
+                    ]
+                ],
+                "hightlights": [
+                    [false]
+                ],
+                "routes": [
+                    [
+                        "/storybook/index.html?path=/story/二维-图层-标绘-二维标绘--二维标绘",
+                        "/storybook/index.html?path=/story/二维-图层-标绘-态势推演--态势推演",
+                        "/storybook/index.html?path=/story/三维-图层-标绘-三维标绘--三维标绘",
+                        "/storybook/index.html?path=/story/三维-图层-标绘-态势推演--态势推演",
+                        "/storybook/index.html?path=/story/三维-场景子组件-二三维联动-标绘--标绘",
+                        "/storybook/index.html?path=/story/三维-场景子组件-二三维联动-态势推演--态势推演"
+                    ]
+                ]
+            },
+            {
+                "title": "开发示例 - 纯JS",
+                "icon": "iconzaixianshili",
+                "links": [
+                    [
+                        "二维标绘",
+						"三维标绘"
+                    ]
+                ],
+                "hightlights": [
+                    [false]
+                ],
+                "routes": [
+                    [
+                        "/gallery/webclient-plot#Plot2D",
+						"/gallery/webclient-plot#Plot3D"
+                    ]
+                ]
+            },
+            {
+                "title": "开发API",
+                "icon": "iconsanfangAPI",
+                "links": [["PLOT-API", "标绘图元管理工具"]],
+                "hightlights": [[false]],
+                "routes": [
+                    [
+                        "http://192.168.82.89:8093",
+                        "http://192.168.82.89:8093/tutorial-9.%E5%88%A0%E9%99%A4%E6%A0%87%E7%BB%98%E5%9B%BE%E5%85%83%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81.html"
+                    ]
+                ]
+            }
+        ]
     }
 ]
diff --git a/website/public/static/demo/config/config-webclient-plot.json b/website/public/static/demo/config/config-webclient-plot.json
new file mode 100644
index 000000000..798080d57
--- /dev/null
+++ b/website/public/static/demo/config/config-webclient-plot.json
@@ -0,0 +1,55 @@
+{
+    "name": "webclient-plot",
+    "title": "MapGIS WebClient-Plot",
+    "mapmode": "webclient-plot",
+    "childs": [
+        {
+            "name": "二维标绘",
+            "iconfont": "iconlayer",
+            "folder": "Plot2D",
+            "leaffolder": true,
+            "childs": [
+                {
+                    "name": "二维态势推演",
+                    "file": "plot-animation-2d",
+                    "diffcult": "2",
+                    "detail": "",
+                    "icon": "plot-animation-2d.png",
+                    "update": "最后更新时间:2022-03-14"
+                }
+            ]
+        },
+        {
+            "name": "三维标绘",
+            "iconfont": "iconterrain",
+            "folder": "Plot3D",
+            "leaffolder": true,
+            "childs": [
+                {
+                    "name": "标绘",
+                    "file": "plot",
+                    "diffcult": "1",
+                    "detail": "",
+                    "icon": "plot.png",
+                    "update": "最后更新时间:2022-03-14"
+                },
+				{
+                    "name": "标绘 - 带地形",
+                    "file": "plot-terrain",
+                    "diffcult": "2",
+                    "detail": "",
+                    "icon": "plot.png",
+                    "update": "最后更新时间:2022-03-14"
+                },
+                {
+                    "name": "三维态势推演",
+                    "file": "plot-animation-3d",
+                    "diffcult": "3",
+                    "detail": "",
+                    "icon": "plot-animation-3d.png",
+                    "update": "最后更新时间:2022-03-14"
+                }
+            ]
+        }
+    ]
+}
diff --git a/website/public/static/demo/mapboxgl/helper/ogc/wmts/WMTS.md b/website/public/static/demo/mapboxgl/helper/ogc/wmts/WMTS.md
index c990b364b..ce35b0764 100755
--- a/website/public/static/demo/mapboxgl/helper/ogc/wmts/WMTS.md
+++ b/website/public/static/demo/mapboxgl/helper/ogc/wmts/WMTS.md
@@ -9,6 +9,43 @@
 > `restful调用`的核心是将所有的 级别 行列 图层 样式 的参数统一明码的标记在 url 请求中
 > 使用这种方式 级别 行列号 都一定是`数字型` 这里很关键 , 常见的金字塔模型里面的级别 都`一般是整数表示`。
 
+```js
+map.addLayer({
+    id: 'wmts-layer',
+    type: 'raster',
+    source: {
+        type: 'raster',
+        tiles: [
+            `${protocol}://${ip}:${port}/igs/rest/ogc/beijing/WMTSServer/1.0.0/beijing/default/EPSG:4326_北京市_arcgis_GB/{z}/{y}/{x}.png`
+        ],
+        tileSize: 256,
+    },
+    paint: {}
+});
+```
+
+``` js
+// 匹配规则
+@GetMapping("/WMTSServer/1.0.0/{layer}/default/{tileMatrixSet}/{tileMatrix}/{tileRow}/{tileCol}.{format}")
+```
+
+### 1.1 参数说明
+
+| 参数          | 类型   | OGC-名称      | 图片说明                                                             |
+| :------------ | :----- | :------------ | :------------------------------------------------------------------- |
+| layer         | 字符串 | Layer         | ![图层](./static/demo/mapboxgl/helper/ogc/wmts/layer.png)              |
+| style         | 字符串 | Style         | ![样式](./static/demo/mapboxgl/helper/ogc/wmts/style-type.png)         |
+| format        | 字符串 | Format        | ![样式](./static/demo/mapboxgl/helper/ogc/wmts/wmts-format.png)        |
+| tilematrixSet | 字符串 | TileMatrixSet | ![总称](./static/demo/mapboxgl/helper/ogc/wmts/tilematrixset-name.png) |
+
+![restful](./static/demo/mapboxgl/helper/ogc/wmts/restful.png)
+
+> 这一种是最常见的 WMTS 加载方式， 但这种方式一般只能处理全球裁瓦片的方式： 如经纬度 EPSG:4326/4490/4610 或者墨卡托 EPSG:3857
+
+## 2. kvp
+
+> 目前 mapboxgl 支持有限的 kvp 方式调用，由于目前@mapgis/mapbox-gl仅仅支持了EPSG:3857/4326/4490/4610,因此对tilematrixSet的支持是有限的
+
 ```js
 map.addLayer({
     id: 'wmts-layer',
@@ -35,7 +72,7 @@ map.addLayer({
 });
 ```
 
-### 1.1 参数说明
+### 2.1 参数说明
 
 | 参数          | 类型   | OGC-名称      | 图片说明                                                             |
 | :------------ | :----- | :------------ | :------------------------------------------------------------------- |
@@ -44,13 +81,6 @@ map.addLayer({
 | format        | 字符串 | Format        | ![样式](./static/demo/mapboxgl/helper/ogc/wmts/wmts-format.png)        |
 | tilematrixSet | 字符串 | TileMatrixSet | ![总称](./static/demo/mapboxgl/helper/ogc/wmts/tilematrixset-name.png) |
 
-![restful](./static/demo/mapboxgl/helper/ogc/wmts/restful.png)
-
-> 这一种是最常见的 WMTS 加载方式， 但这种方式一般只能处理全球裁瓦片的方式： 如经纬度 EPSG:4326/4490/4610 或者墨卡托 EPSG:3857
-
-## 2. kvp
-
-> 目前 mapboxgl 不支持 kvp 方式调用，如有需求请提交 [Github-Issues](https://github.com/MapGIS/WebClient-JavaScript/issues/new)
 
 ## 3. 错级瓦片
 
@@ -73,3 +103,89 @@ map.addLayer({
 [在线链接](/#/demo/mapboxgl/mapgis-igserver/map/mapgisoffset)
 
 ![offset](./static/demo/mapboxgl/helper/ogc/wmts/offset.png)
+
+## 4. MapGIS WMTS调用
+
+### 4.1 v1 版本<=10.5.4（Java / NET版本）
+1. restful
+    1. 规则
+    ``` js 
+    @GetMapping("/WMTSServer/1.0.0/{layer}/default/{tileMatrixSet}/{tileMatrix}/{tileRow}/{tileCol}.{format}")
+    ```
+    2. 示例
+    ``` js 
+    >>> http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMTSServer/1.0.0/beijing/default/EPSG:4326_北京市_arcgis_GB/{z}/{y}/{x}.png
+    ```
+2. kvp
+    1. 规则
+    ``` js
+    ResponseEntity<?> getWMTSServerKvpByServerName(
+        @PathVariable("serverName") String serverName,
+        @RequestParam(value = "service", required = false) String service,
+        @RequestParam(value = "version", required = false) String version,
+        @RequestParam(value = "request", required = false, defaultValue = "") String request,
+        @RequestParam(value = "layer", required = false) String layer,
+        @RequestParam(value = "style", required = false) String style,
+        @RequestParam(value = "format", required = false) String format,
+        @RequestParam(value = "tileMatrixSet", required = false) String tileMatrixSet,
+        @RequestParam(value = "tileMatrix", required = false) String tileMatrix,
+        @RequestParam(value = "tileRow", required = false) String tileRow,
+        @RequestParam(value = "tileCol", required = false) String tileCol,
+        @RequestParam(value = "J", required = false) String j,
+        @RequestParam(value = "I", required = false) String i,
+        @RequestParam(value = "infoFormat", required = false) String infoFormat)
+    ```
+    2. 示例
+    ``` js
+    `${protocol}://${ip}:${port}/igs/rest/ogc/beijing/WMTSServer?` +
+        'service=WMTS' +
+        '&request=GetTile' +
+        '&version=1.0.0' +
+        '&style=default' +
+        '&tilematrixSet=EPSG:4326_北京市_arcgis_GB' +
+        '&format=image/png' +
+        '&layer=beijing' +
+        '&tilematrix={z}' +
+        '&tilerow={y}' +
+        '&tilecol={x}'
+    ```
+### 4.2 v2 版本>=10.5.6 (仅Java版本)
+1. restful
+    1. 规则
+    ``` js 
+    @GetMapping("/1.0.0/{layer}/default/{tileMatrixSet}/{tileMatrix}/{tileRow}/{tileCol}.{format}")
+    ```
+    2. 示例
+    ``` js 
+    >>> http://192.168.21.191:8089/igs/rest/services/OGC_4326_CHINA/WMTSServer/1.0.0/OGC_4326_CHINA/default/EPSG:4326_OGC_4326_CHINA_028mm_GB/{z}/{y}/{x}.png
+    ```
+2. kvp
+    1. 规则
+    ``` js
+    ResponseEntity<?> getTileByKvp(@PathVariable("serviceName") String serviceName,
+        @RequestParam(value = "service", required = false) String service,
+        @RequestParam(value = "version", required = false) String version,
+        @RequestParam(value = "request", required = false) String request,
+        @RequestParam(value = "layer", required = false) String layer,
+        @RequestParam(value = "style", required = false) String style,
+        @RequestParam(value = "format", required = false) String format,
+        @RequestParam(value = "tileMatrixSet", required = false) String tileMatrixSet,
+        @RequestParam(value = "tileMatrix", required = false) String tileMatrix,
+        @RequestParam(value = "tileRow", required = false) String tileRow,
+        @RequestParam(value = "tileCol", required = false) String tileCol)
+    ```
+    2. 示例
+    ``` js
+    `http://192.168.21.191:8089/igs/rest/ogc/WMTSServer?` +
+        'service=WMTS' +
+        '&request=GetTile' +
+        '&version=1.0.0' +
+        '&style=default' +
+        '&tilematrixSet=EPSG:4326_北京市_arcgis_GB' +
+        '&format=image/png' +
+        '&layer=OGC_4326_CHINA' +
+        '&tilematrix={z}' +
+        '&tilerow={y}' +
+        '&tilecol={x}'
+    ```
+
diff --git a/website/public/static/demo/webclient-plot/example/Plot3D/plot-terrain.htm b/website/public/static/demo/webclient-plot/example/Plot3D/plot-terrain.htm
new file mode 100644
index 000000000..2d5bb662c
--- /dev/null
+++ b/website/public/static/demo/webclient-plot/example/Plot3D/plot-terrain.htm
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+    <meta charset='utf-8' />
+    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
+    <title>行业标绘 - 附带地形</title>
+    <!--引入第三方的jquery脚本库-->
+    <script include="jquery" src="./static/libs/include-lib-local.js"></script>
+    <script src="./static/libs/include-cesium-new-local.js"></script>
+    <!--引入行业标绘脚本库-->
+    <script src="./static/libs/cdn/webclient-plot/webclient-plot.min.js"></script>
+    <!--当前示例页面样式表引用-->
+    <link rel="stylesheet" href="./static/demo/cesium-new/example/style.css" />
+    <style>
+        .mapgis-3d-symbol-container{
+            padding: 10px;
+            border-radius: 4px;
+            background: white;
+            position: absolute;
+            top: 10px;
+            left: 10px;
+            cursor: pointer;
+            width: 400px;
+            height: 400px;
+        }
+
+        .mapgis-3d-symbol-icon{
+            margin-left: 4px;
+            margin-top: 4px;
+            width: 30px;
+            height: 30px;
+        }
+
+        .mapgis-3d-plot-size {
+            position: absolute;
+            background: white;
+            top: 10px;
+            left: 440px;
+            padding: 3px;
+        }
+
+        .mapgis-3d-plot-style{
+            padding: 10px;
+            border-radius: 4px;
+            background: white;
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            cursor: pointer;
+            width: 400px;
+            height: 400px;
+        }
+    </style>
+    <script>
+      'use strict';
+      //定义三维视图的主要类
+      var viewer, symbolManager, drawTool, layer, currentPlot, lastId;
+
+      //地图初始化函数
+      function init() {
+        var {
+          protocol,
+          ip,
+          port
+        } = window.webclient;
+        //构造三维视图类（视图容器div的id，三维视图设置参数）
+        viewer = new Cesium.Viewer('mapgis-3d-viewer', {
+          infoBox: false,
+          selectionIndicator: false,
+          shouldAnimate: true
+        });
+        viewer.showPosition();
+        var scene = viewer.scene;
+        //开启深度检测
+        viewer.scene.globe.depthTestAgainstTerrain = true;
+        //添加地形
+        viewer.terrainProvider = new  Cesium.createWorldTerrain();
+        //初始化符号管理器
+        symbolManager = new window.Zondy.Plot.SymbolManager(`${protocol}://${ip}:${port}/static/libs/cdn/webclient-plot/symbols.json`,{
+          fontURL: `${protocol}://${ip}:${port}/static/libs/cdn/webclient-plot/`,
+          baseUrl: `${protocol}://${ip}:${port}/static/libs/cdn/webclient-plot/assets/`
+        });
+        //初始化图层需要Cesium对象以及Cesium的viewer对象
+        layer = new window.Zondy.Plot.PlotLayer3D(Cesium, viewer, {
+          //设置为贴地
+          classificationType: Cesium.ClassificationType.TERRAIN,
+          pickPlot: function (plot) {}
+        });
+        //设置图层可编辑
+        layer.editable = true;
+        //设置图元缩放比例
+        layer.setPlotSize(0.01);
+        //绘制工具与图层绑定
+        drawTool = new window.Zondy.Plot.DrawTool(layer, {});
+        //获取符号资源目录
+        symbolManager.getSymbols().then(function(symbols) {
+          //获取玩资源目录后，初始化UI或者做其他事情
+          console.log("---symbols",symbols)
+        });
+      }
+
+      function selectSymbol(id) {
+        //UI操作，可忽略改代码
+        if(lastId) {
+          var lastDiv = document.getElementById(lastId);
+          lastDiv.setAttribute("style", "");
+        }
+        //根据符号ID获取符号对象
+        var symbol = symbolManager.getLeafByID(id);
+        //UI操作，可忽略改代码
+        var imgDiv = document.getElementById(id);
+        imgDiv.setAttribute("style", "border:1px solid red");
+        //结束上次绘制
+        drawTool.stopDraw();
+        //绘制新的标绘图元
+        drawTool.drawPlot(symbol);
+        //UI操作，可忽略改代码
+        lastId = id;
+      }
+    </script>
+</head>
+
+<body onload="init()">
+<div id="mapgis-3d-viewer">
+</div>
+<div class="mapgis-3d-symbol-container">
+    <div>基础符号</div>
+    <img id="1" onclick="selectSymbol(1)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/三角形.svg" title="三角形">
+    <img id="2" onclick="selectSymbol(2)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/任意区.svg" title="任意区">
+    <img id="3" onclick="selectSymbol(3)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/医院.svg" title="医院">
+    <img id="4" onclick="selectSymbol(4)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/工具线.svg" title="工具线">
+    <img id="5" onclick="selectSymbol(5)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/折线.svg" title="折线">
+    <img id="6" onclick="selectSymbol(6)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/文本-中.svg" title="文本-中">
+    <img id="7" onclick="selectSymbol(7)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/文本-小.svg" title="文本-小">
+    <img id="8" onclick="selectSymbol(8)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/文本-小.svg" title="文本-特大">
+    <img id="9" onclick="selectSymbol(9)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/文本.svg" title="文本">
+    <div>常规点</div>
+    <img id="10" onclick="selectSymbol(10)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/100T.svg" title="100T">
+    <img id="11" onclick="selectSymbol(11)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/181师.svg" title="181师">
+    <img id="12" onclick="selectSymbol(12)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/6T.svg" title="6T">
+    <img id="13" onclick="selectSymbol(13)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/中原野战军.svg" title="中原野战军">
+    <img id="14" onclick="selectSymbol(14)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/华东野战军.svg" title="华东野战军">
+    <img id="15" onclick="selectSymbol(15)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/华野9纵.svg" title="华野9纵">
+    <img id="16" onclick="selectSymbol(16)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/坦克旅.svg" title="坦克旅">
+    <img id="17" onclick="selectSymbol(17)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/山东兵团.svg" title="山东兵团">
+    <img id="18" onclick="selectSymbol(18)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/徐州剿总.svg" title="徐州剿总">
+    <img id="19" onclick="selectSymbol(19)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/指挥室.svg" title="指挥室">
+    <img id="20" onclick="selectSymbol(20)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/江淮2旅.svg" title="江淮2旅">
+    <img id="21" onclick="selectSymbol(21)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第100军.svg" title="第100军">
+    <img id="23" onclick="selectSymbol(23)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第13兵团.svg" title="第13兵团">
+    <img id="24" onclick="selectSymbol(24)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第3绥区.svg" title="第3绥区">
+    <img id="25" onclick="selectSymbol(25)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第56军.svg" title="第56军">
+    <img id="27" onclick="selectSymbol(27)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第63军.svg" title="第63军">
+    <img id="28" onclick="selectSymbol(28)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第7兵团.svg" title="第7兵团">
+    <img id="29" onclick="selectSymbol(29)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第8军 - 底座.svg" title="第8军 - 底座">
+    <img id="30" onclick="selectSymbol(30)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第8军.svg" title="第8军">
+    <img id="31" onclick="selectSymbol(31)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/苏北兵团.svg" title="苏北兵团">
+    <img id="32" onclick="selectSymbol(32)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/鲁中南纵.svg" title="鲁中南纵">
+    <img id="33" onclick="selectSymbol(33)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/鲁保1旅.svg" title="鲁保1旅">
+    <div>常规线</div>
+    <img id="34" onclick="selectSymbol(34)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/0202.svg" title="0202">
+    <img id="35" onclick="selectSymbol(35)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/坦克进攻-1.svg" title="坦克进攻-1">
+    <img id="36" onclick="selectSymbol(36)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/坦克进攻.svg" title="坦克进攻">
+    <img id="37" onclick="selectSymbol(37)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/堑壕-延伸.svg" title="堑壕-延伸">
+    <img id="38" onclick="selectSymbol(38)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/堑壕.svg" title="堑壕">
+    <img id="39" onclick="selectSymbol(39)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/撤离线.svg" title="撤离线">
+    <img id="40" onclick="selectSymbol(40)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/新修规则线填充.svg" title="新修规则线填充">
+    <img id="41" onclick="selectSymbol(41)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/路径箭头.svg" title="路径箭头">
+    <img id="42" onclick="selectSymbol(42)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/进攻.svg" title="进攻">
+    <img id="43" onclick="selectSymbol(43)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/防守.svg" title="防守">
+    <div>常规面</div>
+    <img id="44" onclick="selectSymbol(44)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规面/新修规则面.svg" title="新修规则面">
+    <img id="45" onclick="selectSymbol(45)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规面/贴地区.svg" title="贴地区">
+    <div>算法符号</div>
+    <img id="46" onclick="selectSymbol(46)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/分队-刀尾.svg" title="分队-刀尾">
+    <img id="47" onclick="selectSymbol(47)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/分队-燕尾.svg" title="分队-燕尾">
+    <img id="48" onclick="selectSymbol(48)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/分队-齐尾.svg" title="分队-齐尾">
+    <img id="49" onclick="selectSymbol(49)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/双箭.svg" title="双箭">
+    <img id="50" onclick="selectSymbol(50)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/多箭.svg" title="多箭">
+    <img id="51" onclick="selectSymbol(51)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/扇形.svg" title="扇形">
+    <img id="52" onclick="selectSymbol(52)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/阵列.svg" title="阵列">
+    <img id="53" onclick="selectSymbol(53)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/集结地.svg" title="集结地">
+    <img id="54" onclick="selectSymbol(54)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/高跑群.svg" title="高炮群">
+</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/website/public/static/demo/webclient-plot/example/Plot3D/plot.htm b/website/public/static/demo/webclient-plot/example/Plot3D/plot.htm
new file mode 100644
index 000000000..9634cc9d7
--- /dev/null
+++ b/website/public/static/demo/webclient-plot/example/Plot3D/plot.htm
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+    <meta charset='utf-8' />
+    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
+    <title>行业标绘</title>
+    <!--引入第三方的jquery脚本库-->
+    <script include="jquery" src="./static/libs/include-lib-local.js"></script>
+    <script src="./static/libs/include-cesium-new-local.js"></script>
+    <!--引入行业标绘脚本库-->
+    <script src="./static/libs/cdn/webclient-plot/webclient-plot.min.js"></script>
+    <!--当前示例页面样式表引用-->
+    <link rel="stylesheet" href="./static/demo/cesium-new/example/style.css" />
+    <style>
+        .mapgis-3d-symbol-container{
+            padding: 10px;
+            border-radius: 4px;
+            background: white;
+            position: absolute;
+            top: 10px;
+            left: 10px;
+            cursor: pointer;
+            width: 400px;
+            height: 400px;
+        }
+
+        .mapgis-3d-symbol-icon{
+            margin-left: 4px;
+            margin-top: 4px;
+            width: 30px;
+            height: 30px;
+        }
+
+        .mapgis-3d-plot-size {
+            position: absolute;
+            background: white;
+            top: 10px;
+            left: 440px;
+            padding: 3px;
+        }
+
+        .mapgis-3d-plot-style{
+            padding: 10px;
+            border-radius: 4px;
+            background: white;
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            cursor: pointer;
+            width: 400px;
+            height: 400px;
+        }
+    </style>
+    <script>
+      'use strict';
+      //定义三维视图的主要类
+      var viewer, symbolManager, drawTool, layer, currentPlot, lastId;
+
+      //地图初始化函数
+      function init() {
+        var {
+          protocol,
+          ip,
+          port
+        } = window.webclient;
+        //构造三维视图类（视图容器div的id，三维视图设置参数）
+        viewer = new Cesium.Viewer('mapgis-3d-viewer', {
+          infoBox: false,
+          selectionIndicator: false,
+          shouldAnimate: true
+        });
+        viewer.showPosition();
+        var scene = viewer.scene;
+        //初始化符号管理器
+        symbolManager = new window.Zondy.Plot.SymbolManager(`${protocol}://${ip}:${port}/static/libs/cdn/webclient-plot/symbols.json`,{
+          fontURL: `${protocol}://${ip}:${port}/static/libs/cdn/webclient-plot/`,
+          baseUrl: `${protocol}://${ip}:${port}/static/libs/cdn/webclient-plot/assets/`
+        });
+        //初始化图层需要Cesium对象以及Cesium的viewer对象
+        layer = new window.Zondy.Plot.PlotLayer3D(Cesium, viewer, {
+          pickPlot: function (plot) {
+            console.log("plot",plot)
+            currentPlot = plot;
+            currentPlot.setStyle("isOpenWall", true);
+            var json = plot.getStyle();
+            console.log("json",json)
+            var {dimModHeight = 0} = json;
+            document.getElementById("dimModHeight").value = dimModHeight;
+          }
+        });
+        //设置图层可编辑
+        layer.editable = true;
+        //绘制工具与图层绑定
+        drawTool = new window.Zondy.Plot.DrawTool(layer, {});
+        //获取符号资源目录
+        symbolManager.getSymbols().then(function(symbols) {
+          //获取玩资源目录后，初始化UI或者做其他事情
+          console.log("---symbols",symbols)
+        });
+      }
+
+      function selectSymbol(id) {
+        //UI操作，可忽略改代码
+        if(lastId) {
+          var lastDiv = document.getElementById(lastId);
+          lastDiv.setAttribute("style", "");
+        }
+        //根据符号ID获取符号对象
+        var symbol = symbolManager.getLeafByID(id);
+        //UI操作，可忽略改代码
+        var imgDiv = document.getElementById(id);
+        imgDiv.setAttribute("style", "border:1px solid red");
+        //结束上次绘制
+        drawTool.stopDraw();
+        //绘制新的标绘图元
+        drawTool.drawPlot(symbol);
+        //UI操作，可忽略改代码
+        lastId = id;
+      }
+
+      function setPlotSize() {
+        layer.setPlotSize(0.5);
+      }
+
+      function setHeight() {
+        var height = document.getElementById("dimModHeight").value;
+        if(currentPlot) {
+          currentPlot.setStyle("dimModHeight", Number(height));
+          currentPlot.setStyle("isOpenWall", true);
+        }
+      }
+    </script>
+</head>
+
+<body onload="init()">
+<div id="mapgis-3d-viewer">
+</div>
+<div class="mapgis-3d-symbol-container">
+    <div>基础符号</div>
+    <img id="1" onclick="selectSymbol(1)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/三角形.svg" title="三角形">
+    <img id="2" onclick="selectSymbol(2)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/任意区.svg" title="任意区">
+    <img id="3" onclick="selectSymbol(3)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/医院.svg" title="医院">
+    <img id="4" onclick="selectSymbol(4)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/工具线.svg" title="工具线">
+    <img id="5" onclick="selectSymbol(5)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/折线.svg" title="折线">
+    <img id="6" onclick="selectSymbol(6)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/文本-中.svg" title="文本-中">
+    <img id="7" onclick="selectSymbol(7)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/文本-小.svg" title="文本-小">
+    <img id="8" onclick="selectSymbol(8)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/文本-小.svg" title="文本-特大">
+    <img id="9" onclick="selectSymbol(9)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/基础符号/文本.svg" title="文本">
+    <div>常规点</div>
+    <img id="10" onclick="selectSymbol(10)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/100T.svg" title="100T">
+    <img id="11" onclick="selectSymbol(11)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/181师.svg" title="181师">
+    <img id="12" onclick="selectSymbol(12)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/6T.svg" title="6T">
+    <img id="13" onclick="selectSymbol(13)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/中原野战军.svg" title="中原野战军">
+    <img id="14" onclick="selectSymbol(14)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/华东野战军.svg" title="华东野战军">
+    <img id="15" onclick="selectSymbol(15)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/华野9纵.svg" title="华野9纵">
+    <img id="16" onclick="selectSymbol(16)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/坦克旅.svg" title="坦克旅">
+    <img id="17" onclick="selectSymbol(17)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/山东兵团.svg" title="山东兵团">
+    <img id="18" onclick="selectSymbol(18)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/徐州剿总.svg" title="徐州剿总">
+    <img id="19" onclick="selectSymbol(19)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/指挥室.svg" title="指挥室">
+    <img id="20" onclick="selectSymbol(20)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/江淮2旅.svg" title="江淮2旅">
+    <img id="21" onclick="selectSymbol(21)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第100军.svg" title="第100军">
+    <img id="23" onclick="selectSymbol(23)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第13兵团.svg" title="第13兵团">
+    <img id="24" onclick="selectSymbol(24)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第3绥区.svg" title="第3绥区">
+    <img id="25" onclick="selectSymbol(25)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第56军.svg" title="第56军">
+    <img id="27" onclick="selectSymbol(27)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第63军.svg" title="第63军">
+    <img id="28" onclick="selectSymbol(28)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第7兵团.svg" title="第7兵团">
+    <img id="29" onclick="selectSymbol(29)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第8军 - 底座.svg" title="第8军 - 底座">
+    <img id="30" onclick="selectSymbol(30)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/第8军.svg" title="第8军">
+    <img id="31" onclick="selectSymbol(31)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/苏北兵团.svg" title="苏北兵团">
+    <img id="32" onclick="selectSymbol(32)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/鲁中南纵.svg" title="鲁中南纵">
+    <img id="33" onclick="selectSymbol(33)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规点/鲁保1旅.svg" title="鲁保1旅">
+    <div>常规线</div>
+    <img id="34" onclick="selectSymbol(34)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/0202.svg" title="0202">
+    <img id="35" onclick="selectSymbol(35)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/坦克进攻-1.svg" title="坦克进攻-1">
+    <img id="36" onclick="selectSymbol(36)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/坦克进攻.svg" title="坦克进攻">
+    <img id="37" onclick="selectSymbol(37)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/堑壕-延伸.svg" title="堑壕-延伸">
+    <img id="38" onclick="selectSymbol(38)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/堑壕.svg" title="堑壕">
+    <img id="39" onclick="selectSymbol(39)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/撤离线.svg" title="撤离线">
+    <img id="40" onclick="selectSymbol(40)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/新修规则线填充.svg" title="新修规则线填充">
+    <img id="41" onclick="selectSymbol(41)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/路径箭头.svg" title="路径箭头">
+    <img id="42" onclick="selectSymbol(42)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/进攻.svg" title="进攻">
+    <img id="43" onclick="selectSymbol(43)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规线/防守.svg" title="防守">
+    <div>常规面</div>
+    <img id="44" onclick="selectSymbol(44)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规面/新修规则面.svg" title="新修规则面">
+    <img id="45" onclick="selectSymbol(45)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/常规面/贴地区.svg" title="贴地区">
+    <div>算法符号</div>
+    <img id="46" onclick="selectSymbol(46)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/分队-刀尾.svg" title="分队-刀尾">
+    <img id="47" onclick="selectSymbol(47)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/分队-燕尾.svg" title="分队-燕尾">
+    <img id="48" onclick="selectSymbol(48)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/分队-齐尾.svg" title="分队-齐尾">
+    <img id="49" onclick="selectSymbol(49)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/双箭.svg" title="双箭">
+    <img id="50" onclick="selectSymbol(50)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/多箭.svg" title="多箭">
+    <img id="51" onclick="selectSymbol(51)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/扇形.svg" title="扇形">
+    <img id="52" onclick="selectSymbol(52)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/阵列.svg" title="阵列">
+    <img id="53" onclick="selectSymbol(53)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/集结地.svg" title="集结地">
+    <img id="54" onclick="selectSymbol(54)" class="mapgis-3d-symbol-icon" src="static/libs/cdn/webclient-plot/assets/icon/常用符号库/算法符号/高跑群.svg" title="高炮群">
+</div>
+<button onclick="setPlotSize()" class="mapgis-3d-plot-size">设置图元大小</button>
+<div class="mapgis-3d-plot-style">
+    <div>
+        <span>图元高度</span>
+        <input type="Number" id="dimModHeight" value="0" oninput="setHeight()">
+    </div>
+    <div id="plotStyle"></div>
+</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/website/public/static/libs/include-cesium-new-local.js b/website/public/static/libs/include-cesium-new-local.js
new file mode 100644
index 000000000..8f1733206
--- /dev/null
+++ b/website/public/static/libs/include-cesium-new-local.js
@@ -0,0 +1,120 @@
+(function () {
+    var r = new RegExp('(^|(.*?\\/))(include-cesium-new-local.js)(\\?|$)'),
+        s = document.getElementsByTagName('script'),
+        targetScript,
+        targetUrl;
+    for (var i = 0; i < s.length; i++) {
+        var src = s[i].getAttribute('src');
+        if (src) {
+            var m = src.match(r);
+            if (m) {
+                targetUrl = src;
+                targetScript = s[i];
+                break;
+            }
+        }
+    }
+
+    function inputScript(url) {
+        var script = '<script type="text/javascript" src="' + url + '"><' + '/script>';
+        document.writeln(script);
+    }
+
+    function inputCSS(url) {
+        var css = '<link rel="stylesheet" href="' + url + '">';
+        document.writeln(css);
+    }
+
+    function inArray(arr, item) {
+        for (i in arr) {
+            if (arr[i] == item) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    function getInitPath() {
+        //"./static/libs/include-leaflet-local-local.js" ==> "./static/libs/"
+        var loadPath = targetUrl.split('/include-cesium-new-local');
+        return loadPath[0];
+    }
+
+    //comman leaflet librarys
+    function load() {
+        var includes = (targetScript.getAttribute('include') || '').split(',');
+        var excludes = (targetScript.getAttribute('exclude') || '').split(',');
+
+        var httpUrl = getInitPath();
+
+        if (!inArray(excludes, 'cesium')) {
+            if (inArray(includes, 'cesium-1.59')) {
+                // 引入Cesium1.59版本 对应10.5.2 ~ 10.5.5之间的版本
+                inputCSS(httpUrl + '/cdn/cesium-old/Widgets/widgets.css');
+                inputCSS(httpUrl + '/cdn/cesium-old/MapGIS/css/mapgis.css');
+                inputScript(httpUrl + '/cdn/cesium-old/Cesium.js');
+            } else {
+                // 引入Cesium1.84版本 对应10.5.6之间的版本
+                inputCSS(httpUrl + '/cdn/cesium/Widgets/widgets.css');
+                inputCSS(httpUrl + '/cdn/cesium/MapGIS/css/mapgis.css');
+                inputScript(httpUrl + '/cdn/cesium/Cesium.js');
+                inputScript(httpUrl + '/cdn/zondyclient/webclient-es6-service.js');
+            }
+        }
+        
+        // if (!inArray(includes, 'wmts')) {
+        //    inputScript("http://" + ip + ":" + socket + "/cdn/leaflet plugins/leaflet-tilelayer-wmts.js");
+        // }
+        if (inArray(includes, 'd3')) {
+            inputScript(httpUrl + '/cdn/d3/d3.min.js');
+            inputScript(httpUrl + '/cdn/d3/d3-hexbin.min.js');
+        }
+        if (inArray(includes, 'proj4')) {
+            inputScript(httpUrl + '/cdn/proj4/proj4.js');
+        }
+        if (inArray(includes, 'geohash')) {
+            inputScript(httpUrl + '/cdn/geohash/geohash.js');
+        }
+        if (inArray(includes, 'geojson')) {
+            inputScript(httpUrl + '/cdn/geojson/geojson.min.js');
+        }
+        if (inArray(includes, 'shapefile')) {
+            inputScript(httpUrl + '/cdn/shapefile/shapefile.js');
+        }
+        if (inArray(includes, 'turf')) {
+            inputScript(httpUrl + '/cdn/turf/turf.min.js');
+        }
+        if (inArray(includes, 'mapv')) {
+            inputScript(httpUrl + '/cdn/mapv/mapv.min.js');
+        }
+        if (inArray(includes, 'echarts')) {
+            inputScript(httpUrl + '/cdn/echarts/echarts.min.js');
+            inputScript(httpUrl + '/cdn/echarts/echartsgl.min.js');
+        }
+        if (inArray(includes, 'elasticsearch')) {
+            inputScript(httpUrl + '/cdn/elasticsearch/14.1.0/elasticsearch.min.js');
+        }
+        if (!inArray(excludes, 'plugin')) {
+            inputScript(httpUrl + '/cdn/zondyclient/webclient-cesium-plugin.min.js');
+        }
+        if (inArray(includes, 'vue')) {
+            inputCSS(httpUrl + '/cdn/zondyclient/vue/webclient-vue-cesium.css');
+            inputScript(httpUrl + '/cdn/vue/2.6/vue.js');
+            inputScript(httpUrl + '/cdn/zondyclient/vue/webclient-vue-cesium.umd.js');
+        }
+        if (inArray(includes, 'antd')) {
+            inputScript(httpUrl + '/cdn/moment/2.18.1/moment.min.js');
+            inputCSS(httpUrl + '/cdn/ant-design-vue/dist/antd.min.css');
+            inputScript(httpUrl + '/cdn/ant-design-vue/dist/antd.min.js');
+        }
+    }
+
+    load();
+    window.webclient = {
+        ip: 'develop.smaryun.com',
+        port: 6163,
+        protocol: 'http'
+    };
+    window.isLocal = false;
+    window.server = document.location.toString().match(/file:\/\//) ? 'http://localhost:8899' : 'http://' + document.location.host;
+})();