csk-gis-frame-work 4.0.0

package/mapboxgl/js/utils/SvgUtils.js

@@ -0,0 +1,133 @@
+/**
+ * SVG工具类
+ */
+const SvgUtils = {
+  /**
+   * svg转Base64
+   * @param {String} svgXML -svg字符串
+   *
+   * @returns {String}
+   */
+  toBase64(svgXML) {
+    return 'data:image/svg+xml;base64,' + window.btoa(unescape(encodeURIComponent(svgXML)));
+  },
+
+  /**
+   * 流向图标转Base64
+   *
+   * @returns {String}
+   */
+  flowIconToBase64() {
+    let svgXml = `<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+      <title> 箭头01</title>
+      <g id="排水户管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="系统图标-合集" transform="translate(-164.000000, -942.000000)" fill-rule="nonzero">
+          <g id="-箭头01" transform="translate(174.000000, 952.000000) rotate(90.000000) translate(-174.000000, -952.000000) translate(164.000000, 942.000000)">
+            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="20" height="20"></rect>
+            <path d="M9.93945313,0.673046875 C9.30948295,0.673046875 8.73057741,1.02452524 8.44035971,1.5847129 L0.547235963,16.8572517 C0.22492022,17.4682185 0.317937918,18.2239873 0.780223052,18.7474572 L0.890665294,18.8613307 C1.35037366,19.2929422 2.01777964,19.4359719 2.62017801,19.2186117 L9.951,16.56 L17.3329915,19.2095648 C17.9863447,19.4453128 18.7181545,19.2551575 19.1760117,18.7299685 C19.634284,18.2043031 19.7228203,17.4517442 19.3973329,16.8346743 L11.4369123,1.57961662 C11.1476288,1.02122092 10.5679661,0.673046875 9.93945313,0.673046875 Z M9.93945313,1.87304687 C10.1210938,1.87304687 10.2890625,1.97265625 10.3730469,2.13476562 L18.3359375,17.3945312 C18.4296875,17.5722656 18.4042969,17.7890625 18.2714844,17.9414062 C18.1386719,18.09375 17.9277344,18.1484375 17.7382813,18.0800781 L9.94921875,15.2851562 L2.21289062,18.0898438 C2.0234375,18.1582031 1.8125,18.1035156 1.6796875,17.953125 C1.546875,17.8027344 1.51953125,17.5859375 1.61328125,17.4082031 L9.50585938,2.13671875 C9.58984375,1.97460937 9.7578125,1.87304687 9.93945313,1.87304687 Z" id="路径" fill="#FFFFFF"></path>
+            <path d="M1.6796875,17.953125 C1.8125,18.1035156 2.0234375,18.1582031 2.21289062,18.0898438 L9.94921875,15.2851563 L17.7382812,18.0800781 C17.9277344,18.1484375 18.1386719,18.09375 18.2714844,17.9414063 C18.4042969,17.7890625 18.4296875,17.5722656 18.3359375,17.3945313 L10.3730469,2.13476563 C10.2890625,1.97265625 10.1210937,1.87304688 9.93945312,1.87304688 C9.7578125,1.87304688 9.58984375,1.97460938 9.50585937,2.13671875 L1.61328125,17.4082031 C1.51953125,17.5859375 1.546875,17.8027344 1.6796875,17.953125 Z" id="路径" fill="#029CD3"></path>
+          </g>
+        </g>
+      </g>
+    </svg>`;
+
+    return this.toBase64(svgXml);
+  },
+
+  /**
+   * 方向图标转Base64
+   *
+   * @returns {String}
+   */
+  directionIconToBase64() {
+    let svgXml = `<svg width="9px" height="9px" viewBox="0 0 9 9" version="1.1" xmlns="http://www.w3.org/2000/svg">
+      <title>direction</title>
+      <g id="direction-header" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="direction-tv" transform="translate(-748.000000, -574.000000)" fill="#FFFFFF" fill-rule="nonzero">
+          <g id="direction" transform="translate(748.000000, 574.000000)">
+            <path d="M7.27671206,5.2 L0.780983062,5.2 C0.349880412,5.2 -2.84217094e-14,4.752 -2.84217094e-14,4.2 C-2.84217094e-14,3.648 0.349880412,3.2 0.780983062,3.2 L7.27671206,3.2 C7.70781471,3.2 8.05769512,3.648 8.05769512,4.2 C8.05769512,4.752 7.70781471,5.2 7.27671206,5.2 Z" id="路径"></path>
+            <path d="M5.3327476,0.228437546 L8.64723971,3.5413677 C8.82696443,3.72109241 8.90063946,3.96716616 8.8682648,4.20128814 C8.89738208,4.43322866 8.82335139,4.67574559 8.64567775,4.85341924 L5.3327476,8.16634939 C5.0281642,8.47093279 4.53302094,8.47093279 4.22843755,8.16634939 C3.92385415,7.861766 3.92385415,7.36662274 4.22843755,7.06203934 L7.093,4.197 L4.22843755,1.3327476 C3.92385415,1.0281642 3.92385415,0.53302094 4.22843755,0.228437546 C4.53302094,-0.0761458486 5.0281642,-0.0761458486 5.3327476,0.228437546 Z" id="形状结合"></path>
+          </g>
+        </g>
+      </g>
+    </svg>`;
+
+    return this.toBase64(svgXml);
+  },
+
+  /**
+   * 方向(红)图标转Base64
+   *
+   * @returns {String}
+   */
+  directionRedIconToBase64() {
+    let svgXml = `<svg width="9px" height="9px" viewBox="0 0 9 9" version="1.1" xmlns="http://www.w3.org/2000/svg">
+      <title>direction-red</title>
+      <g id="direction-red-header" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="direction-red-tv" transform="translate(-748.000000, -574.000000)" fill="#DC143C" fill-rule="nonzero">
+          <g id="direction-red" transform="translate(748.000000, 574.000000)">
+            <path d="M7.27671206,5.2 L0.780983062,5.2 C0.349880412,5.2 -2.84217094e-14,4.752 -2.84217094e-14,4.2 C-2.84217094e-14,3.648 0.349880412,3.2 0.780983062,3.2 L7.27671206,3.2 C7.70781471,3.2 8.05769512,3.648 8.05769512,4.2 C8.05769512,4.752 7.70781471,5.2 7.27671206,5.2 Z" id="路径"></path>
+            <path d="M5.3327476,0.228437546 L8.64723971,3.5413677 C8.82696443,3.72109241 8.90063946,3.96716616 8.8682648,4.20128814 C8.89738208,4.43322866 8.82335139,4.67574559 8.64567775,4.85341924 L5.3327476,8.16634939 C5.0281642,8.47093279 4.53302094,8.47093279 4.22843755,8.16634939 C3.92385415,7.861766 3.92385415,7.36662274 4.22843755,7.06203934 L7.093,4.197 L4.22843755,1.3327476 C3.92385415,1.0281642 3.92385415,0.53302094 4.22843755,0.228437546 C4.53302094,-0.0761458486 5.0281642,-0.0761458486 5.3327476,0.228437546 Z" id="形状结合"></path>
+          </g>
+        </g>
+      </g>
+    </svg>`;
+
+    return this.toBase64(svgXml);
+  },
+
+  /**
+   * 右箭头图标转Base64
+   *
+   * @returns {String}
+   */
+  arrowIconToBase64() {
+    let svgXml = `<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"> 
+      <path d="M529.6128 512L239.9232 222.4128 384.7168 77.5168 819.2 512 384.7168 946.4832 239.9232 801.5872z" p-id="9085" fill="#ffffff"></path> 
+    </svg>`;
+
+    return this.toBase64(svgXml);
+  },
+
+  /**
+   * 工单图标转Base64
+   *
+   * @returns {String}
+   */
+  orderIconToBase64() {
+    let svgXml = `<svg width="78px" height="42px" viewBox="0 0 78 42" version="1.1" xmlns="http://www.w3.org/2000/svg">
+      <title>工单默认</title>
+      <defs>
+        <filter x="-50.0%" y="-50.0%" width="200.0%" height="200.0%" filterUnits="objectBoundingBox" id="filter-1">
+          <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+          <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+          <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+          <feMerge>
+            <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+            <feMergeNode in="SourceGraphic"></feMergeNode>
+          </feMerge>
+        </filter>
+      </defs>
+      <g id="页面-默认" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="管网图标库-工单" transform="translate(-556.000000, -272.000000)">
+          <g id="工单默认" transform="translate(565.000000, 281.000000)">
+            <path d="M16,4.9999 C9.925,4.9999 5,9.9249 5,15.9999 C5,22.0749 9.925,26.9999 16,26.9999 L24.838,26.9999 L46.838,4.9999 L16,4.9999 Z" id="Fill-1" fill="#3B9FA3"></path>
+            <path d="M57.1619,4.9999 L45.9999,4.9999 L23.9999,26.9999 L57.1619,26.9999 C63.2369,26.9999 68.1619,22.0749 68.1619,15.9999 C68.1619,9.9249 63.2369,4.9999 57.1619,4.9999" id="Fill-1" fill="#308C8F"></path>
+            <rect id="矩形" stroke="#123637" x="5.5" y="5.5" width="63" height="21" rx="10.5"></rect>
+            <g id="工单" filter="url(#filter-1)" fill-rule="nonzero">
+              <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+              <g id="编组-5" transform="translate(2.950000, 1.950000)" stroke="#123637" stroke-linejoin="round">
+                <path d="M3.6046447,1.25479918 L3.6046447,4.31950567 C3.6046447,4.85553955 3.81828865,5.33842698 4.16686699,5.68700532 C4.51544533,6.03558367 4.99833277,6.24922761 5.53436664,6.24922761 L5.53436664,6.24922761 L11.8786406,6.24922761 C12.4146745,6.24922761 12.8975619,6.03558367 13.2461403,5.68700532 C13.5947186,5.33842698 13.8083625,4.85553955 13.8083625,4.31950567 L13.8083625,4.31950567 L13.8083625,1.27991026 C15.0352166,1.15887556 16.0115392,1.48511069 16.6690802,2.04871726 C17.294953,2.58517969 17.6430381,3.34102167 17.6430381,4.18452112 L17.6430381,4.18452112 L17.6430381,12.7465077 C16.7601819,12.008547 15.6532312,11.2987642 14.3083625,11.2987642 C14.0625047,11.2987642 13.6838772,11.2920275 13.3149992,11.4337487 L13.3149992,11.4337487 L4.04953657,11.4337487 L12.6214708,11.7835943 C12.1117207,12.0056775 11.6362756,12.2881742 11.2873021,12.6371476 C10.7205468,13.203903 10.3291295,14.104238 10.0870777,14.9433471 L10.0870777,14.9433471 L4.04953657,14.9433471 L10.07732,15.2931926 C10.0336835,16.4380681 10.410808,17.4861001 11.0513832,18.2745004 C11.6045803,18.9553583 12.3547054,19.4430341 13.1982661,19.6237971 L13.1982661,19.6237971 L17.8131384,20.6126983 L2.42972194,20.6126983 C1.61591029,20.6126983 0.883936756,20.286404 0.355115509,19.7575828 C-0.173705739,19.2287615 -0.5,18.496788 -0.5,17.6829763 L-0.5,17.6829763 L-0.5,4.18452112 C-0.5,3.37070947 -0.173705739,2.63873594 0.355115509,2.10991469 C0.883936756,1.58109344 1.61591029,1.25479918 2.42972194,1.25479918 L2.42972194,1.25479918 L3.6046447,1.25479918 Z" id="路径" fill="#77A2C4"></path>
+                <path d="M14.4433471,11.3786406 C15.6686781,11.3786406 16.8957557,11.9887407 17.6621333,12.9083939 C18.1656099,13.7359728 18.5869833,14.6536058 18.4527998,15.5632285 C18.4451369,16.6137394 18.1351179,17.5132343 17.5271488,18.2730377 C16.7607711,19.1926909 15.5336935,19.802791 14.3083625,19.802791 C13.2217745,19.802791 12.2131309,19.3724037 11.4613463,18.648463 C10.7295296,17.9437507 10.2404919,16.9605248 10.1648871,15.8264521 C10.1637796,15.1887383 10.1736266,14.737621 10.3244225,14.2852332 C10.7887557,13.1974047 11.5436229,12.3075601 12.4371484,11.850339 C12.8700904,11.5640855 13.1846439,11.4176315 13.5890159,11.3854908 L13.7684243,11.3786406 L14.4433471,11.3786406 Z M16.0117615,14.5269314 L13.9034089,16.635284 L12.6049636,15.3368387 L12.589328,15.3146975 C12.5794035,15.2980959 12.569479,15.2808085 12.5535634,15.2808085 C12.5296899,15.2808085 12.5192965,15.3197053 12.5021631,15.3368387 C12.4850297,15.3539721 12.4461329,15.3643655 12.4461329,15.388239 C12.4461329,15.4121124 12.4850297,15.4225058 12.5021631,15.4396392 L12.5021631,15.4396392 L13.8520086,16.7894847 L13.8676443,16.811626 C13.8775688,16.8282275 13.8874933,16.845515 13.9034089,16.845515 C13.9272823,16.845515 13.9376757,16.8066182 13.9548092,16.7894847 L13.9548092,16.7894847 L16.114562,14.6297319 L16.1367032,14.6140963 C16.1533047,14.6041718 16.1705922,14.5942473 16.1705922,14.5783316 C16.1705922,14.543141 16.1121496,14.5223788 16.0117615,14.5269314 L16.0117615,14.5269314 Z M8.63901135,-0.5 C9.29119412,-0.5 9.86391925,-0.262103901 10.3004165,0.11619372 C10.6517629,0.420693953 10.9141585,0.817031345 11.058151,1.25479918 L11.058151,1.25479918 L13.5935016,1.25479918 L13.5935016,4.31950567 C13.5935016,4.79585594 13.4021919,5.22411423 13.0927205,5.53358558 C12.7832492,5.84305693 12.3549909,6.03436664 11.8786406,6.03436664 L11.8786406,6.03436664 L5.53436664,6.03436664 C5.05801637,6.03436664 4.62975808,5.84305693 4.32028673,5.53358558 C4.01081538,5.22411423 3.81950567,4.79585594 3.81950567,4.31950567 L3.81950567,4.31950567 L3.81950567,1.25479918 L6.35468229,1.25479918 C6.49444328,0.827847755 6.74427062,0.440541102 7.06750798,0.140392127 C7.49518277,-0.256734465 8.04791873,-0.5 8.63901135,-0.5 Z" id="形状" fill="#FCDB8E"></path>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>`;
+
+    return this.toBase64(svgXml);
+  },
+}
+
+export default SvgUtils;

package/mapboxgl/js/utils/VerifyUtils.js

@@ -0,0 +1,73 @@
+/**
+ * 验证工具类
+ */
+const VerifyUtils = {
+  /**
+   * 判断是否数字
+   * @param obj -待验证的值
+   */
+  isNumber(obj) {
+    return (typeof obj == 'number') && !isNaN(obj);
+  },
+
+  /**
+   * 判断是否字符串
+   * @param obj -待验证的值
+   */
+  isString(obj) {
+    return (typeof obj == 'string') && obj.constructor === String;
+  },
+
+  /**
+   * 判断是否数组
+   * @param obj -待验证的值
+   */
+  isArray(obj) {
+    if (Array.isArray(obj)) {
+      return true;
+    } else {
+      return Object.prototype.toString.call(obj).toLowerCase() == '[object array]';
+    }
+  },
+
+  /**
+   * 判断是否对象
+   * @param obj -待验证的值
+   */
+  isObject(obj) {
+    return (typeof obj == 'object') &&
+      Object.prototype.toString.call(obj).toLowerCase() == '[object object]';
+  },
+
+  /**
+   * 判断对象是否undefined
+   * @param obj -待验证的值
+   */
+  isUndefined(obj) {
+    return (typeof obj == 'undefined');
+  },
+
+  /**
+   * 判断是否GeoJSON要素集合
+   * @param obj -待验证的值
+   */
+  isGeoJsonFC(obj) {
+    return (
+      this.isObject(obj) &&
+      obj.hasOwnProperty('type') && obj.type === 'FeatureCollection'
+    );
+  },
+
+  /**
+   * 判断是否GeoJSON要素
+   * @param obj -待验证的值
+   */
+  isGeoJsonFeature(obj) {
+    return (
+      this.isObject(obj) &&
+      obj.hasOwnProperty('type') && obj.type === 'Feature'
+    );
+  }
+}
+
+export default VerifyUtils;

package/mapboxgl/js/widget/Pulser.js

@@ -0,0 +1,88 @@
+/**
+ * 脉冲器
+ * @alias Pulser
+ * @constructor
+ *
+ * @param {Object} options -脉冲器选项
+ */
+function Pulser(options) {
+  /**
+   * 地图对象
+   * @type {Map}
+   *
+   * @summary <mapboxgl.Map>
+   */
+  let map = options.map;
+
+  /**
+   * 脉冲半径
+   * @type {Number}
+   */
+  let size = options.size || 60;
+
+  /**
+   * 内圆颜色
+   * @type {Object}
+   *
+   * @summary <{r:red, g:green, b:blue}>
+   */
+  let innerColor = options.innerColor || {r:255, g:25, b:25};
+  /**
+   * 外圆颜色
+   * @type {Object}
+   *
+   * @summary <{ r:red, g:green, b:blue}>
+   */
+  let outerColor = options.outerColor || {r:255, g:50, b:50};
+
+  let pulsingDot = {
+    width: size,
+    height: size,
+    data: new Uint8Array(size * size * 4),
+
+    onAdd: function () {
+      let canvas = document.createElement('canvas');
+      canvas.width = this.width;
+      canvas.height = this.height;
+      this.context = canvas.getContext('2d');
+    },
+
+    render: function () {
+      let duration = 1000;
+      let t = (performance.now() % duration) / duration;
+
+      let radius = size / 2 * 0.4;
+      let outerRadius = size / 2 * 0.7 * t + radius;
+      let context = this.context;
+
+      // draw outer circle
+      context.clearRect(0, 0, this.width, this.height);
+      context.beginPath();
+      context.arc(this.width / 2, this.height / 2, outerRadius, 0, Math.PI * 2);
+      context.fillStyle = 'rgba(' + outerColor.r + ', ' + outerColor.g + ', ' + outerColor.b + ',' + (1 - t) + ')';
+      context.fill();
+
+      // draw inner circle
+      context.beginPath();
+      context.arc(this.width / 2, this.height / 2, radius, 0, Math.PI * 2);
+      context.fillStyle = 'rgba(' + innerColor.r + ', ' + innerColor.g + ', ' + innerColor.b + ', 0.9)';
+      context.strokeStyle = 'rgba(' + outerColor.r + ', ' + outerColor.g + ', ' + outerColor.b + ', 0.8)';
+      context.lineWidth = 4 + 4 * (1 - t);
+      context.fill();
+      context.stroke();
+
+      // update this image's data with data from the canvas
+      this.data = context.getImageData(0, 0, this.width, this.height).data;
+
+      // keep the map repainting
+      map.triggerRepaint();
+
+      // return `true` to let the map know that the image was updated
+      return true;
+    }
+  };
+
+  return pulsingDot;
+}
+
+export default Pulser;

package/mapboxgl/style/fonts/Microsoft YaHei/10240-10495.pbf

@@ -0,0 +1,3 @@
+
+&
+Microsoft YaHei Regular10240-10495

package/mapboxgl/style/fonts/Microsoft YaHei/10496-10751.pbf

@@ -0,0 +1,3 @@
+
+&
+Microsoft YaHei Regular10496-10751

package/mapboxgl/style/fonts/Microsoft YaHei/10752-11007.pbf

@@ -0,0 +1,3 @@
+
+&
+Microsoft YaHei Regular10752-11007

package/mapboxgl/style/fonts/Microsoft YaHei/11008-11263.pbf

@@ -0,0 +1,3 @@
+
+&
+Microsoft YaHei Regular11008-11263

package/mapboxgl/style/fonts/Microsoft YaHei/11264-11519.pbf

@@ -0,0 +1,3 @@
+
+&
+Microsoft YaHei Regular11264-11519

package/mapboxgl/style/fonts/Microsoft YaHei/11520-11775.pbf

@@ -0,0 +1,3 @@
+
+&
+Microsoft YaHei Regular11520-11775

package/mapboxgl/style/fonts/Microsoft YaHei/12032-12287.pbf

@@ -0,0 +1,3 @@
+
+&
+Microsoft YaHei Regular12032-12287

package/mapboxgl/style/fonts/Microsoft YaHei/1280-1535.pbf

@@ -0,0 +1,3 @@
+
+$
+Microsoft YaHei Regular	1280-1535

package/mapboxgl/style/fonts/Microsoft YaHei/1536-1791.pbf

@@ -0,0 +1,3 @@
+
+$
+Microsoft YaHei Regular	1536-1791

package/mapboxgl/style/fonts/Microsoft YaHei/1792-2047.pbf

@@ -0,0 +1,3 @@
+
+$
+Microsoft YaHei Regular	1792-2047

package/mapboxgl/style/fonts/Microsoft YaHei/2048-2303.pbf

@@ -0,0 +1,3 @@
+
+$
+Microsoft YaHei Regular	2048-2303