Merge pull request #30 from MapGIS/smaryun

新增cesium的代码以及对应的打包依赖&更新整个环境变量

Author: 潘卓然 Parn Deedlit

package.json

@@ -16,6 +16,8 @@
     "openlayers-plugin-release": "webpack --config src/configopensource/openlayers-plugin-release-config.js --progress",
     "mapbox-plugin-debug": "webpack --config src/configopensource/mapbox-plugin-debug-config.js",
     "mapbox-plugin-release": "webpack --config src/configopensource/mapbox-plugin-release-config.js --progress",
+    "cesium-plugin-debug": "webpack --config src/config/opensource/cesium-plugin-debug-config.js",
+    "cesium-plugin-release": "webpack --config src/config/opensource/cesium-plugin-release-config.js --progress",
     "service-debug": "webpack --config src/configopensource/service-debug-config.js",
     "service-release": "webpack --config src/configopensource/service-release-config.js --progress",
     "build-docs-leaflet": "jsdoc -c ./docs/jsdoc-config/leaflet/docs.json -R ./docs/jsdoc-config/leaflet/index.md -r",
@@ -37,6 +39,7 @@
     "babel-preset-es2015": "^6.24.1",
     "babel-runtime": "^6.11.6",
     "clean-webpack-plugin": "^0.1.18",
+    "copy-webpack-plugin": "^4.5.1",
     "eslint": "^4.6.1",
     "eslint-loader": "^1.9.0",
     "eslint-plugin-import": "^2.8.0",
@@ -51,13 +54,17 @@
     "webpack-parallel-uglify-plugin": "0.4.2"
   },
   "dependencies": {
+    "@mapbox/mapbox-gl-style-spec": "^13.15.0",
     "@mapgis/mapbox-gl": "^1.9.0",
     "axios": "^0.18.0",
+    "cesium": "^1.70.1",
+    "d3": "^5.16.0",
     "echarts": "^4.4.0",
     "jsdoc": "^3.6.3",
     "leaflet": "^1.5.1",
     "mapv": "^2.0.40",
     "ol": "5.3.3",
-    "proj4": "2.3.15"
+    "proj4": "2.3.15",
+    "webfont-matcher": "^1.1.0"
   }
 }

src/cesiumjs/assets/svg/NM-LocationTarget.svg

@@ -0,0 +1,21 @@
+/**
+ *MapGIS WebClient Leaflet基类
+ * 定义命名空间
+ * 提供公共模块
+ */
+
+window.CesiumZondy = window.CesiumZondy || {};
+
+var CesiumZondy = window.CesiumZondy || {};
+
+CesiumZondy.Manager = CesiumZondy.Manager || {};
+
+CesiumZondy.UI = CesiumZondy.UI || {};
+
+CesiumZondy.GeoSpark = CesiumZondy.GeoSpark || {};
+CesiumZondy.ElasticSearch = CesiumZondy.ElasticSearch || {};
+CesiumZondy.Overlayer = CesiumZondy.Overlayer || {};
+CesiumZondy.Layer = CesiumZondy.Layer || {};
+CesiumZondy.Provider = CesiumZondy.Provider || {};
+
+export { CesiumZondy };

src/cesiumjs/core/Base.js

@@ -0,0 +1,12 @@
+import { CesiumZondy } from "./core/Base";
+export { CesiumZondy } from "./core/Base";
+
+export * from './ui';
+
+export * from "./manager";
+export * from "./layer";
+
+export * from "./overlay";
+
+// export * from "./provider";
+// export * from "./service";

src/cesiumjs/index.js

@@ -0,0 +1,87 @@
+import { CesiumZondy } from '../core/Base';
+
+/**
+ * @author 基础平台研发中心·冯桂英
+ * @class BaseLayer
+ * @category BaseLayer
+ * @classdesc BaseLayer
+ * @description 图层管理基类,实现图层公共方法
+ * @param option.viewer = viewer 视图
+ */
+export default class BaseLayer {
+    constructor(option) {
+        this._viewer = Cesium.defaultValue(option.viewer, undefined);
+    }
+
+    get viewer() {
+        return this._viewer;
+    }
+
+    /**
+     * 定位到M3D图层对象
+     * @param {Object} layer 图层对象
+     */
+    zoomToM3dLayer(layer) {
+        let boundingSphere = layer.boundingSphere;
+        this.viewer.camera.viewBoundingSphere(
+            boundingSphere,
+            new Cesium.HeadingPitchRange(0.0, -0.5, boundingSphere.radius)
+        );
+        debugger;
+        this.viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
+    }
+
+    /***
+     * 移除m3d 图层
+     */
+    removeM3dLayer(layer) {
+        this.viewer.scene.primitives.remove(layer);
+    }
+
+    /**
+     * 移除添加的所有m3d文档，layers为图层数组
+     */
+    removeDocs(layers) {
+        if (!Cesium.defined(layers)) {
+            return;
+        }
+        for (var i in layers) {
+            this.viewer.scene.primitives.remove(layers[i]);
+        }
+        return;
+    }
+
+    /**
+     * 添加全球网格信息
+     * @returns 网格图层
+     */
+    addGridInfo() {
+        if (undefined === this._tileGridLayer) {
+            let tileGridLayer = new Cesium.TileCoordinatesImageryProvider({
+                showLonlats: true
+            });
+            let imagelayers = this.viewer.imageryLayers;
+            if (imagelayers !== null && imagelayers !== undefined) {
+                if (!imagelayers.contains(tileGridLayer)) {
+                    return imagelayers.addImageryProvider(tileGridLayer);
+                }
+            }
+        }
+    }
+
+    /**
+     * 移除全球网格信息
+     * @param {Object} gridlayers 网格图层
+     */
+    removeGridInfo(gridlayers) {
+        debugger;
+        let imagelayers = this.viewer.imageryLayers;
+        if (imagelayers !== null && imagelayers !== undefined) {
+            if (imagelayers.contains(gridlayers)) {
+                imagelayers.remove(gridlayers, true);
+            }
+        }
+    }
+}
+
+CesiumZondy.Layer.BaseLayer = BaseLayer;

src/cesiumjs/layer/BaseLayer.js

@@ -0,0 +1,26 @@
+import { CesiumZondy } from '../core/Base';
+import LayerManager from '../manager/LayerManager';
+
+/**
+ * @author
+ * @class
+ * @category
+ * @classdesc
+ * @description
+ * @see
+ */
+export default class CesiumFuncManager extends LayerManager {
+    constructor() {
+        super();
+    }
+
+    getCesiumCartian3() {
+        let car3 = new Cesium.Cartesian3(1, 2, 3);
+
+        car3.x = 12.0;
+
+        return car3;
+    }
+}
+
+CesiumZondy.Layer.CesiumFuncManager = CesiumFuncManager;

src/cesiumjs/layer/CesiumFuncManager.js

@@ -0,0 +1,93 @@
+import { CesiumZondy } from "../core/Base";
+
+import BaseLayer from "./BaseLayer";
+
+/**
+ * @author 三维基础平台研发中心·邱文坤
+ * @class LayerManager.EntityController
+ * @category LayerManager
+ * @classdesc 实体绘制控制器类
+ * @description 该类实现了实体数据的绘制与删除功能
+ * @param option.viewer = viewer 视图
+ * @see
+ */
+export default class EntityController extends BaseLayer {
+    constructor(option) {
+        super(option);
+    }
+
+    /**
+     * 添加点
+     * @param  {Number} lat 经度
+     * @param  {Number} lon 纬度
+     * @param  {Number} height 高程
+     * @param  {String} name 名称
+     * @param  {Number} pixelSize 像素大小
+     * @param  {Color}  color (webGlobe.getColor(1,0,0,1))颜色
+     * @param  {Color}  outlineColor 外边线颜色
+     * @param  {Number} outlineWidth 边线宽度
+     * @param  {string} description 属性描述信息
+     * @example
+     * let entityController = new EntityController({viewer});
+     * let color1 = new Cesium.Color(1, 0, 0, 1);
+     * let color2 = new Cesium.Color(1, 1, 0, 1);
+     * let point = entityController.appendPoint(115.2, 31, 200, '点', 100, color1, color2, 2);
+     * // 跳转到点位置
+     * viewer.flyTo(point);
+     * 
+     * @returns {entity}    返回点对象 移除通过removeEntity(entity)
+     */
+    appendPoint(
+        lat,
+        lon,
+        height,
+        name,
+        pixelSize,
+        color,
+        outlineColor,
+        outlineWidth,
+        description,
+    ) {
+        if (undefined === this.viewer) {
+            return undefined;
+        }
+        let point = this.viewer.entities.add({
+            name: name,
+            position: Cesium.Cartesian3.fromDegrees(lat, lon, height),
+            point: {
+                //点
+                pixelSize: pixelSize,
+                color: color,
+                outlineColor: outlineColor,
+                outlineWidth: outlineWidth,
+            },
+            description: description,
+        });
+        return point;
+    }
+
+    /**
+     * 通用添加点
+     * @param  {Number} lat 经度
+     * @param  {Number} lon 纬度
+     * @param  {Number} height 高程
+     * @param  {String} name 名称
+     * @param  {string} description 属性描述信息
+     * @param  {object} options     entity参数信息对象
+     */
+    appendPointComm(lat, lon, height, name, description, options) {
+        let param = {
+            name: name,
+            position: Cesium.Cartesian3.fromDegrees(lat, lon, height),
+            point: new Cesium.PointGraphics(),
+            description: description,
+        };
+        if (Cesium.defined(options)) {
+            Object.extend(param, options);
+        }
+        var point = this.viewer.entities.add(param);
+        return point;
+    }
+}
+
+CesiumZondy.Layer.EntityController = EntityController;

src/cesiumjs/layer/EntityController.js

@@ -0,0 +1,63 @@
+import {CesiumZondy} from "../core/Base";
+
+/**
+ * 描述图层类型.
+ *
+ * @author 基础平台研发中心·冯桂英
+ * @enum {Number}
+ *
+ * @see Layer#type
+ */
+let LayerType = {
+    /**
+     * 未知类型.
+     *
+     * @type {Number}
+     * @constant
+     */
+    UNKNOWN: 0,
+
+    /**
+     * 简单要素类矢量层.
+     *
+     * @type {Number}
+     * @constant
+     */
+    VECTORLAYER: 1,
+
+    /**
+     * 简单要素类模型层.
+     *
+     * @type {Number}
+     * @constant
+     */
+    MODELLAYER: 2,
+
+    /**
+     * 地形层.
+     *
+     * @type {Number}
+     * @constant
+     */
+    TERRAINLAYER: 3,
+
+    /**
+     * 瓦片层.
+     *
+     * @type {Number}
+     * @constant
+     */
+    TILEIMAGELAYER: 8,
+
+    /**
+     * m3d模型层.
+     *
+     * @type {Number}
+     * @constant
+     */
+    M3DLAYER: 10,
+};
+
+export default Object.freeze(LayerType);
+
+CesiumZondy.LayerType = LayerType;