@vtx/cs-map/lib/road-line-layer/RoadLineLayer.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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _superPropSet(t, e, o, r, p, f) { return _set(_getPrototypeOf(f ? t.prototype : t), e, o, r, p); }
function set(e, r, t, o) { return set = "undefined" != typeof Reflect && Reflect.set ? Reflect.set : function (e, r, t, o) { var f, i = _superPropBase(e, r); if (i) { if ((f = Object.getOwnPropertyDescriptor(i, r)).set) return f.set.call(o, t), !0; if (!f.writable) return !1; } if (f = Object.getOwnPropertyDescriptor(o, r)) { if (!f.writable) return !1; f.value = t, Object.defineProperty(o, r, f); } else _defineProperty(o, r, t); return !0; }, set(e, r, t, o); }
function _set(e, r, t, o, f) { if (!set(e, r, t, o || e) && f) throw new TypeError("failed to set property"); return t; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, 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); }
function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
var getColorRamp = function getColorRamp() {
  var ramp = document.createElement('canvas');
  ramp.width = 1000;
  ramp.height = 2;
  var ctx = ramp.getContext('2d');
  var grd = ctx.createLinearGradient(0, 0, ramp.width, ramp.height);
  grd.addColorStop(0.1, 'rgba(4, 202, 191, 0.2)');
  grd.addColorStop(0.45, 'rgba(4, 202, 191,0.3)');
  grd.addColorStop(0.48, 'rgba(4, 202, 191, 0.8)');
  grd.addColorStop(0.5, 'rgba(218, 183, 4, 0.8)');
  grd.addColorStop(0.52, 'rgba(4, 202, 191, 0.2)');
  grd.addColorStop(1.0, 'rgba(4, 202, 191, 0.2)');
  ctx.fillStyle = grd;
  ctx.fillRect(0, 0, ramp.width, ramp.height);
  return ramp.toDataURL();
};

// 着色器编写，跟上方entity的基本一致
var source = "czm_material czm_getMaterial(czm_materialInput materialInput)\n  {\n     czm_material material = czm_getDefaultMaterial(materialInput);\n     vec2 st = materialInput.st;\n     vec4 colorImage = texture2D(image, vec2(fract((st.s - speed * czm_frameNumber * 0.001)), st.t));\n     material.alpha = colorImage.a;\n     material.diffuse = colorImage.rgb;\n     return material;\n  }";
var RoadLineLayer = exports["default"] = /*#__PURE__*/function (_Primitive) {
  function RoadLineLayer(option) {
    var _this;
    _classCallCheck(this, RoadLineLayer);
    var _option$width = option.width,
      width = _option$width === void 0 ? 2.0 : _option$width,
      _option$speed = option.speed,
      speed = _option$speed === void 0 ? 10 : _option$speed,
      data = option.data,
      _option$show = option.show,
      show = _option$show === void 0 ? true : _option$show,
      key = option.id,
      name = option.name,
      labelField = option.labelField,
      template = option.template,
      image = option.image,
      layerControl = option.layerControl,
      viewOnly = option.viewOnly,
      _option$unclickable = option.unclickable,
      unclickable = _option$unclickable === void 0 ? false : _option$unclickable,
      cancelPopup = option.cancelPopup;
    var instances = data.map(function (item) {
      var geometry = item.geometry;
      if (item.geometryInfo) {
        geometry = (0, _createFeatureCollection.transformGeometry)(item.geometryInfo);
      }
      var positions = geometry.coordinates.map(function (c) {
        return [c[0], c[1], c[2] || 0];
      });
      var polyline = new _cesium.PolylineGeometry({
        positions: _cesium.Cartesian3.fromDegreesArrayHeights(_toConsumableArray(positions.flat(Infinity))),
        width: width,
        arcType: _cesium.ArcType.GEODESIC,
        vertexFormat: _cesium.PolylineMaterialAppearance.VERTEX_FORMAT // 顶点属性，默认即可
      });
      return new _cesium.GeometryInstance({
        geometry: polyline,
        values_: item,
        id: item.id
      });
    });

    // 材质着色的外观
    var appearance = new _cesium.PolylineMaterialAppearance({
      material: new _cesium.Material({
        fabric: {
          uniforms: {
            color: _cesium.Color.fromCssColorString("#000000"),
            image: image || getColorRamp(),
            speed: speed
          },
          source: source
        },
        translucent: function translucent() {
          return true;
        }
      })
    });
    var primitive = new _cesium.Primitive({
      geometryInstances: instances,
      show: show,
      appearance: appearance,
      asynchronous: false
    });
    _this = _callSuper(this, RoadLineLayer, [primitive]);

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

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

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

    // 模版内容
    _this.template = template;

    // 图层控制
    _this.layerControl = layerControl;

    // 仅展示
    _this.viewOnly = viewOnly;

    // 是否允许触发点击效果
    _this.unclickable = unclickable;

    // 取消气泡
    _this.cancelPopup = cancelPopup;
    _this.data = data;
    return _this;
  }
  _inherits(RoadLineLayer, _Primitive);
  return _createClass(RoadLineLayer, [{
    key: "show",
    set: function set(value) {
      this.setVisible(value);
    }

    // 获取地图
  }, {
    key: "getMap",
    value: function getMap() {
      return this.map;
    }

    // 设置图层显示隐藏
  }, {
    key: "setVisible",
    value: function setVisible(visible) {
      _superPropSet(RoadLineLayer, "show", visible, this, 1, 1); // 将属性传递给父类

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

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

    // 根据条件获取图形数据，用于地图搜索
  }, {
    key: "getFeaturesBySearch",
    value: function getFeaturesBySearch(field, value) {
      var _this2 = this;
      return this.getFeatures().filter(function (v) {
        return ((v === null || v === void 0 ? void 0 : v[field]) || '').indexOf(value) !== -1;
      }).map(function (v) {
        return {
          // ...v,
          label: v === null || v === void 0 ? void 0 : v[field],
          value: (v === null || v === void 0 ? void 0 : v.id) || (v === null || v === void 0 ? void 0 : v.facilityId) || (v === null || v === void 0 ? void 0 : v[field]),
          // key: this.key,
          feature: _objectSpread(_objectSpread({}, v), {}, {
            primitive: _this2
          })
        };
      });
    }

    // 获取图形
  }, {
    key: "getFeatures",
    value: function getFeatures() {
      return this.data;
    }
  }]);
}(_cesium.Primitive);
//# sourceMappingURL=RoadLineLayer.js.map