@vtx/cs-map/lib/map/material/ODLineLayer.js

React components for Vortex

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _cesium = require("cesium");
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var ODLineLayer = /*#__PURE__*/function () {
  function ODLineLayer(viewer, linData) {
    _classCallCheck(this, ODLineLayer);
    if (!(0, _cesium.defined)(viewer)) {
      throw new _cesium.DeveloperError('viewer is required');
    }
    this.viewer = viewer;
    this.primitive = null;
    this.loadLinesData(this.viewer, linData);
  }
  return _createClass(ODLineLayer, [{
    key: "loadLinesData",
    value: function loadLinesData(viewer, linData) {
      var busLines = [];
      // linData.forEach(i => {
      //
      //   let points = []
      //   i.forEach(c => {
      //     points.push(c[0], c[1])
      //   });
      //   // points.push(points[0], points[1])
      //
      //   busLines.push({
      //     positions: linData,
      //     color: new Color(0.5, 0.6, 0.0, 1.0),
      //   });
      // })

      busLines.push({
        positions: linData,
        color: new _cesium.Color(0.5, 0.6, 0.0, 1.0)
      });
      this.addLineDatas(busLines, viewer);
    }
  }, {
    key: "addLineDatas",
    value: function addLineDatas(busLines, viewer) {
      var _this = this;
      var scene = viewer.scene;
      busLines.forEach(function (line) {
        _this.primitive = new _cesium.Primitive({
          geometryInstances: new _cesium.GeometryInstance({
            geometry: new _cesium.PolylineGeometry({
              positions: _cesium.Cartesian3.fromDegreesArray(line.positions),
              width: 5
            })
          }),
          appearance: new _cesium.PolylineMaterialAppearance({
            material: new _cesium.Material({
              fabric: {
                type: 'ODLineMaterial',
                uniforms: {
                  color_0: line.color,
                  colorImage: _cesium.Color.AQUA,
                  totoalFrameCount_1: 400
                },
                source: "\n                uniform float totoalFrameCount_1;\n                uniform vec4 color_0;\n                uniform vec4 colorImage;\n                czm_material czm_getMaterial(czm_materialInput materialInput)\n                {\n                    czm_material material = czm_getDefaultMaterial(materialInput);\n                    vec2 st = materialInput.st;\n                    float t = mod(czm_frameNumber, totoalFrameCount_1) / totoalFrameCount_1;\n                    t *= 1.03;\n                    float alpha = smoothstep(t - 0.1, t, st.s) * step(-t, -st.s);\n                    alpha += 0.1;\n                    alpha *= step(-0.4, -abs(0.5-st.t));\n                    // material.diffuse = color_0.rgb;\n                    material.diffuse = (colorImage.rgb+color_0.rgb);\n                    material.alpha = alpha;\n                    return material;\n                }\n              "
              },
              translucent: true
            }),
            faceForward: false,
            closed: false
          })
        });
        console.log(_this.primitive, 'this.primitive');
        scene.primitives.add(_this.primitive);
      });
    }
  }, {
    key: "destroy",
    value: function destroy() {
      this.primitive && this.viewer.scene.primitives.remove(this.primitive);
    }
  }]);
}();
var _default = exports["default"] = ODLineLayer;
//# sourceMappingURL=ODLineLayer.js.map