@vtx/cs-map/lib/line-flow-layer/LineFlowLayer.js

React components for Vortex

"use strict";

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); }
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _cesium = require("cesium");
var _createFeatureCollection = require("../feature-layer/createFeatureCollection");
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
function set(target, property, value, receiver) { if (typeof Reflect !== "undefined" && Reflect.set) { set = Reflect.set; } else { set = function set(target, property, value, receiver) { var base = _superPropBase(target, property); var desc; if (base) { desc = Object.getOwnPropertyDescriptor(base, property); if (desc.set) { desc.set.call(receiver, value); return true; } else if (!desc.writable) { return false; } } desc = Object.getOwnPropertyDescriptor(receiver, property); if (desc) { if (!desc.writable) { return false; } desc.value = value; Object.defineProperty(receiver, property, desc); } else { _defineProperty(receiver, property, value); } return true; }; } return set(target, property, value, receiver); }
function _set(target, property, value, receiver, isStrict) { var s = set(target, property, value, receiver || target); if (!s && isStrict) { throw new TypeError('failed to set property'); } return value; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
var LineFlowLayer = exports["default"] = /*#__PURE__*/function (_Primitive) {
  _inherits(LineFlowLayer, _Primitive);
  var _super = _createSuper(LineFlowLayer);
  function LineFlowLayer(option) {
    var _thisSuper, _this;
    _classCallCheck(this, LineFlowLayer);
    var fadeOutColor = option.fadeOutColor,
      fadeInColor = option.fadeInColor,
      _option$width = option.width,
      width = _option$width === void 0 ? 4.0 : _option$width,
      data = option.data,
      _option$fadeOutOpacit = option.fadeOutOpacity,
      fadeOutOpacity = _option$fadeOutOpacit === void 0 ? 1 : _option$fadeOutOpacit,
      _option$fadeInOpacity = option.fadeInOpacity,
      fadeInOpacity = _option$fadeInOpacity === void 0 ? 1 : _option$fadeInOpacity,
      _option$speed = option.speed,
      speed = _option$speed === void 0 ? 0.005 : _option$speed,
      key = option.id,
      name = option.name,
      labelField = option.labelField,
      template = option.template,
      legend = option.legend,
      _option$show = option.show,
      show = _option$show === void 0 ? true : _option$show,
      map = option.map,
      _option$layerControl = option.layerControl,
      layerControl = _option$layerControl === void 0 ? true : _option$layerControl;
    var instances = data.map(function (item) {
      var geometry = item.geometry;
      if (item.geometryInfo) {
        geometry = (0, _createFeatureCollection.transformGeometry)(item.geometryInfo);
      }
      var polyline = new _cesium.PolylineGeometry({
        positions: _cesium.Cartesian3.fromDegreesArray(geometry.coordinates.flat(Infinity)),
        width: width,
        arcType: _cesium.ArcType.GEODESIC
      });
      return new _cesium.GeometryInstance({
        geometry: polyline,
        values_: item,
        id: item.id
      });
    });
    var appearance = new _cesium.PolylineMaterialAppearance({
      material: _cesium.Material.fromType(_cesium.Material.FadeType, {
        repeat: true,
        fadeInColor: _cesium.Color.fromCssColorString(fadeInColor || 'rgb(255, 255, 255)').withAlpha(fadeInOpacity),
        fadeOutColor: _cesium.Color.fromCssColorString(fadeOutColor || 'rgb(16, 129, 255)').withAlpha(fadeOutOpacity),
        time: new _cesium.Cartesian2(0, 0),
        maximumDistance: 0.15 / 2.5,
        fadeDirection: {
          x: true,
          y: false
        }
      })
    });
    var primitive = new _cesium.Primitive({
      geometryInstances: instances,
      compressVertices: false,
      show: true,
      appearance: appearance,
      depthFailAppearance: appearance
    });
    var timex = 0;
    function render() {
      timex += speed; // 控制流动速度
      if (timex >= 1) {
        timex = 0; // 控制在0.0到1.0之间
      }

      primitive.appearance.material.uniforms.time.x = timex;
      (0, _cesium.requestAnimationFrame)(render);
    }
    (0, _cesium.requestAnimationFrame)(render);
    _this = _super.call(this, primitive);
    _set((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(LineFlowLayer.prototype)), "show", show, _thisSuper, true);

    // 图层标识
    _this.key = key;

    // 图层名称
    _this.name = name;

    // 标签字段
    _this.labelField = labelField;

    // 模版内容
    _this.template = template;
    _this.data = data;
    // 图例
    _this.legend = legend;
    _this.layerControl = layerControl;
    // 地图
    _this.map = map;
    return _this;
  }

  // 根据条件获取图形数据
  _createClass(LineFlowLayer, [{
    key: "getFeatureByFieldValue",
    value: function getFeatureByFieldValue(field, value) {
      return this.getFeatures().find(function (v) {
        return v[field] === value;
      });
    }

    // 获取图形
  }, {
    key: "getFeatures",
    value: function getFeatures() {
      return this.data;
    }

    // 重写父类的属性访问器
  }, {
    key: "show",
    get: function get() {
      return _get(_getPrototypeOf(LineFlowLayer.prototype), "show", this);
    },
    set: function set(value) {
      this.setVisible(value);
    }

    // 设置图层显示隐藏
  }, {
    key: "setVisible",
    value: function setVisible(visible) {
      _set(_getPrototypeOf(LineFlowLayer.prototype), "show", visible, this, true); // 将属性传递给父类

      var map = this.getMap && this.getMap();
      if (map) {
        map.layers.emit('visible', this, visible);
      }
    }

    // 获取地图
  }, {
    key: "getMap",
    value: function getMap() {
      return this.map;
    }
  }]);
  return LineFlowLayer;
}(_cesium.Primitive);
//# sourceMappingURL=LineFlowLayer.js.map