var xp = { version: "1.0.0", createTime: "2018.6.19", author: "xupinhui" } var doubleArrowDefualParam = { type: "doublearrow", headHeightFactor: .25, headWidthFactor: .3, neckHeightFactor: .85, fixPointCount: 4, neckWidthFactor: .15 } var tailedAttackArrowDefualParam = { headHeightFactor: .18, headWidthFactor: .3, neckHeightFactor: .85, neckWidthFactor: .15, tailWidthFactor: .1, headTailFactor: .8, swallowTailFactor: 1 }; var fineArrowDefualParam = { tailWidthFactor: 0.15, neckWidthFactor: 0.20, headWidthFactor: 0.25, headAngle: Math.PI / 8.5, neckAngle: Math.PI / 13 }; xp.algorithm = {}, xp.algorithm.doubleArrow = function (inputPoint) { this.connPoint = null; this.tempPoint4 = null; this.points = inputPoint; var result = { controlPoint: null, polygonalPoint: null }; //获取已经点击的坐标数 var t = inputPoint.length; if (!(2 > t)) { if (2 == t) return inputPoint; var o = this.points[0], //第一个点 e = this.points[1], //第二个点 r = this.points[2], //第三个点 t = inputPoint.length; //获取已经点击的坐标数 //下面的是移动点位后的坐标 3 == t ? this.tempPoint4 = xp.algorithm.getTempPoint4(o, e, r) : this.tempPoint4 = this.points[3], 3 == t || 4 == t ? this.connPoint = P.PlotUtils.mid(o, e) : this.connPoint = this.points[4]; var n, g; P.PlotUtils.isClockWise(o, e, r) ? (n = xp.algorithm.getArrowPoints(o, this.connPoint, this.tempPoint4, !1), g = xp.algorithm.getArrowPoints(this.connPoint, e, r, !0)) : (n = xp.algorithm.getArrowPoints(e, this.connPoint, r, !1), g = xp.algorithm.getArrowPoints(this.connPoint, o, this.tempPoint4, !0)); var i = n.length, s = (i - 5) / 2, a = n.slice(0, s), l = n.slice(s, s + 5), u = n.slice(s + 5, i), c = g.slice(0, s), p = g.slice(s, s + 5), h = g.slice(s + 5, i); c = P.PlotUtils.getBezierPoints(c); var d = P.PlotUtils.getBezierPoints(h.concat(a.slice(1))); u = P.PlotUtils.getBezierPoints(u); var f = c.concat(p, d, l, u); var newArray = xp.algorithm.array2Dto1D(f); result.controlPoint = [o, e, r, this.tempPoint4, this.connPoint]; result.polygonalPoint = Cesium.Cartesian3.fromDegreesArray(newArray); } return result; }, xp.algorithm.threeArrow = function (inputPoint) { this.connPoint = null; this.tempPoint4 = null; this.tempPoint5 = null; this.points = inputPoint; var result = { controlPoint: null, polygonalPoint: null }; //获取已经点击的坐标数 var t = inputPoint.length; if (t >= 2) { if (t == 2) { return inputPoint; } var o = this.points[0], //第一个点 e = this.points[1], //第二个点 r = this.points[2], //第三个点 t = inputPoint.length; //获取已经点击的坐标数 //下面的是移动点位后的坐标 if (t == 3) { this.tempPoint4 = xp.algorithm.getTempPoint4(o, e, r); this.tempPoint5 = P.PlotUtils.mid(r, this.tempPoint4); } else { this.tempPoint4 = this.points[3]; this.tempPoint5 = this.points[4]; } if (t < 6) { this.connPoint = P.PlotUtils.mid(o, e); } else { this.connPoint = this.points[5]; } var n, g; if (P.PlotUtils.isClockWise(o, e, r)) { n = xp.algorithm.getArrowPoints(o, this.connPoint, this.tempPoint4, !1); g = xp.algorithm.getArrowPoints(this.connPoint, e, r, !0); } else { n = xp.algorithm.getArrowPoints(e, this.connPoint, r, !1); g = xp.algorithm.getArrowPoints(this.connPoint, o, this.tempPoint4, !0); } var i = n.length, s = (i - 5) / 2, a = n.slice(0, s), l = n.slice(s, s + 5), u = n.slice(s + 5, i), c = g.slice(0, s), p = g.slice(s, s + 5), h = g.slice(s + 5, i); c = P.PlotUtils.getBezierPoints(c); var d = P.PlotUtils.getBezierPoints(h.concat(a.slice(1))); u = P.PlotUtils.getBezierPoints(u); var f = c.concat(p, d, l, u); var newArray = xp.algorithm.array2Dto1D(f); result.controlPoint = [o, e, r, this.tempPoint4, this.tempPoint5, this.connPoint]; result.polygonalPoint = Cesium.Cartesian3.fromDegreesArray(newArray); } return result; }, xp.algorithm.array2Dto1D = function (array) { var newArray = []; array.forEach(function (elt) { newArray.push(elt[0]); newArray.push(elt[1]); }); return newArray; }, xp.algorithm.getArrowPoints = function (t, o, e, r) { this.type = doubleArrowDefualParam.type, this.headHeightFactor = doubleArrowDefualParam.headHeightFactor, this.headWidthFactor = doubleArrowDefualParam.headWidthFactor, this.neckHeightFactor = doubleArrowDefualParam.neckHeightFactor, this.neckWidthFactor = doubleArrowDefualParam.neckWidthFactor; var n = P.PlotUtils.mid(t, o), g = P.PlotUtils.distance(n, e), i = P.PlotUtils.getThirdPoint(e, n, 0, .3 * g, !0), s = P.PlotUtils.getThirdPoint(e, n, 0, .5 * g, !0); i = P.PlotUtils.getThirdPoint(n, i, P.Constants.HALF_PI, g / 5, r), s = P.PlotUtils.getThirdPoint(n, s, P.Constants.HALF_PI, g / 4, r); var a = [n, i, s, e], l = xp.algorithm.getArrowHeadPoints(a, this.headHeightFactor, this.headWidthFactor, this.neckHeightFactor, this.neckWidthFactor), u = l[0], c = l[4], p = P.PlotUtils.distance(t, o) / P.PlotUtils.getBaseLength(a) / 2, h = xp.algorithm.getArrowBodyPoints(a, u, c, p), d = h.length, f = h.slice(0, d / 2), E = h.slice(d / 2, d); return f.push(u), E.push(c), f = f.reverse(), f.push(o), E = E.reverse(), E.push(t), f.reverse().concat(l, E) }, xp.algorithm.getArrowHeadPoints = function (t, o, e) { this.type = doubleArrowDefualParam.type, this.headHeightFactor = doubleArrowDefualParam.headHeightFactor, this.headWidthFactor = doubleArrowDefualParam.headWidthFactor, this.neckHeightFactor = doubleArrowDefualParam.neckHeightFactor, this.neckWidthFactor = doubleArrowDefualParam.neckWidthFactor; var r = P.PlotUtils.getBaseLength(t), n = r * this.headHeightFactor, g = t[t.length - 1], i = (P.PlotUtils.distance(o, e), n * this.headWidthFactor), s = n * this.neckWidthFactor, a = n * this.neckHeightFactor, l = P.PlotUtils.getThirdPoint(t[t.length - 2], g, 0, n, !0), u = P.PlotUtils.getThirdPoint(t[t.length - 2], g, 0, a, !0), c = P.PlotUtils.getThirdPoint(g, l, P.Constants.HALF_PI, i, !1), p = P.PlotUtils.getThirdPoint(g, l, P.Constants.HALF_PI, i, !0), h = P.PlotUtils.getThirdPoint(g, u, P.Constants.HALF_PI, s, !1), d = P.PlotUtils.getThirdPoint(g, u, P.Constants.HALF_PI, s, !0); return [h, c, g, p, d]; }, xp.algorithm.getArrowBodyPoints = function (t, o, e, r) { for (var n = P.PlotUtils.wholeDistance(t), g = P.PlotUtils.getBaseLength(t), i = g * r, s = P.PlotUtils.distance(o, e), a = (i - s) / 2, l = 0, u = [], c = [], p = 1; p < t.length - 1; p++) { var h = P.PlotUtils.getAngleOfThreePoints(t[p - 1], t[p], t[p + 1]) / 2; l += P.PlotUtils.distance(t[p - 1], t[p]); var d = (i / 2 - l / n * a) / Math.sin(h), f = P.PlotUtils.getThirdPoint(t[p - 1], t[p], Math.PI - h, d, !0), E = P.PlotUtils.getThirdPoint(t[p - 1], t[p], h, d, !1); u.push(f), c.push(E) } return u.concat(c) }, xp.algorithm.getTempPoint4 = function (t, o, e) { var r, n, g, i, s = P.PlotUtils.mid(t, o), a = P.PlotUtils.distance(s, e), l = P.PlotUtils.getAngleOfThreePoints(t, s, e); return l < P.Constants.HALF_PI ? (n = a * Math.sin(l), g = a * Math.cos(l), i = P.PlotUtils.getThirdPoint(t, s, P.Constants.HALF_PI, n, !1), r = P.PlotUtils.getThirdPoint(s, i, P.Constants.HALF_PI, g, !0)) : l >= P.Constants.HALF_PI && l < Math.PI ? (n = a * Math.sin(Math.PI - l), g = a * Math.cos(Math.PI - l), i = P.PlotUtils.getThirdPoint(t, s, P.Constants.HALF_PI, n, !1), r = P.PlotUtils.getThirdPoint(s, i, P.Constants.HALF_PI, g, !1)) : l >= Math.PI && l < 1.5 * Math.PI ? (n = a * Math.sin(l - Math.PI), g = a * Math.cos(l - Math.PI), i = P.PlotUtils.getThirdPoint(t, s, P.Constants.HALF_PI, n, !0), r = P.PlotUtils.getThirdPoint(s, i, P.Constants.HALF_PI, g, !0)) : (n = a * Math.sin(2 * Math.PI - l), g = a * Math.cos(2 * Math.PI - l), i = P.PlotUtils.getThirdPoint(t, s, P.Constants.HALF_PI, n, !0), r = P.PlotUtils.getThirdPoint(s, i, P.Constants.HALF_PI, g, !1)), r }, xp.algorithm.tailedAttackArrow = function (inputPoint) { inputPoint = xp.algorithm.dereplication(inputPoint); this.tailWidthFactor = tailedAttackArrowDefualParam.tailWidthFactor; this.swallowTailFactor = tailedAttackArrowDefualParam.swallowTailFactor; this.swallowTailPnt = tailedAttackArrowDefualParam.swallowTailPnt; //控制点 var result = { controlPoint: null, polygonalPoint: null }; result.controlPoint = inputPoint; var t = inputPoint.length; if (!(2 > t)) { if (2 == inputPoint.length) { result.polygonalPoint = inputPoint; return result; } var o = inputPoint, e = o[0], r = o[1]; P.PlotUtils.isClockWise(o[0], o[1], o[2]) && (e = o[1], r = o[0]); var n = P.PlotUtils.mid(e, r), g = [n].concat(o.slice(2)), i = xp.algorithm.getAttackArrowHeadPoints(g, e, r, tailedAttackArrowDefualParam), s = i[0], a = i[4], l = P.PlotUtils.distance(e, r), u = P.PlotUtils.getBaseLength(g), c = u * this.tailWidthFactor * this.swallowTailFactor; this.swallowTailPnt = P.PlotUtils.getThirdPoint(g[1], g[0], 0, c, !0); var p = l / u, h = xp.algorithm.getAttackArrowBodyPoints(g, s, a, p), t = h.length, d = [e].concat(h.slice(0, t / 2)); d.push(s); var f = [r].concat(h.slice(t / 2, t)); var newArray = []; f.push(a), d = P.PlotUtils.getQBSplinePoints(d), f = P.PlotUtils.getQBSplinePoints(f), newArray = xp.algorithm.array2Dto1D(d.concat(i, f.reverse(), [this.swallowTailPnt, d[0]])); result.polygonalPoint = Cesium.Cartesian3.fromDegreesArray(newArray); } return result; }, xp.algorithm.getAttackArrowHeadPoints = function (t, o, e, defaultParam) { this.headHeightFactor = defaultParam.headHeightFactor; this.headTailFactor = defaultParam.headTailFactor; this.headWidthFactor = defaultParam.headWidthFactor; this.neckWidthFactor = defaultParam.neckWidthFactor; this.neckHeightFactor = defaultParam.neckHeightFactor; var r = P.PlotUtils.getBaseLength(t), n = r * this.headHeightFactor, g = t[t.length - 1]; r = P.PlotUtils.distance(g, t[t.length - 2]); var i = P.PlotUtils.distance(o, e); n > i * this.headTailFactor && (n = i * this.headTailFactor); var s = n * this.headWidthFactor, a = n * this.neckWidthFactor; n = n > r ? r : n; var l = n * this.neckHeightFactor, u = P.PlotUtils.getThirdPoint(t[t.length - 2], g, 0, n, !0), c = P.PlotUtils.getThirdPoint(t[t.length - 2], g, 0, l, !0), p = P.PlotUtils.getThirdPoint(g, u, P.Constants.HALF_PI, s, !1), h = P.PlotUtils.getThirdPoint(g, u, P.Constants.HALF_PI, s, !0), d = P.PlotUtils.getThirdPoint(g, c, P.Constants.HALF_PI, a, !1), f = P.PlotUtils.getThirdPoint(g, c, P.Constants.HALF_PI, a, !0); return [d, p, g, h, f] }, xp.algorithm.getAttackArrowBodyPoints = function (t, o, e, r) { for (var n = P.PlotUtils.wholeDistance(t), g = P.PlotUtils.getBaseLength(t), i = g * r, s = P.PlotUtils.distance(o, e), a = (i - s) / 2, l = 0, u = [], c = [], p = 1; p < t.length - 1; p++) { var h = P.PlotUtils.getAngleOfThreePoints(t[p - 1], t[p], t[p + 1]) / 2; l += P.PlotUtils.distance(t[p - 1], t[p]); var d = (i / 2 - l / n * a) / Math.sin(h), f = P.PlotUtils.getThirdPoint(t[p - 1], t[p], Math.PI - h, d, !0), E = P.PlotUtils.getThirdPoint(t[p - 1], t[p], h, d, !1); u.push(f), c.push(E) } return u.concat(c) }, xp.algorithm.dereplication = function (array) { var last = array[array.length - 1]; var change = false; var newArray = []; newArray = array.filter(function (i) { if (i[0] != last[0] && i[1] != last[1]) { return i; } change = true; }); if (change) newArray.push(last); return newArray; }, xp.algorithm.fineArrow = function (tailPoint, headerPoint) { if ((tailPoint.length < 2) || (headerPoint.length < 2)) return; //画箭头的函数 let tailWidthFactor = fineArrowDefualParam.tailWidthFactor; let neckWidthFactor = fineArrowDefualParam.neckWidthFactor; let headWidthFactor = fineArrowDefualParam.headWidthFactor; let headAngle = fineArrowDefualParam.headAngle; let neckAngle = fineArrowDefualParam.neckAngle; var o = []; o[0] = tailPoint; o[1] = headerPoint; e = o[0], r = o[1], n = P.PlotUtils.getBaseLength(o), g = n * tailWidthFactor, //尾部宽度因子 i = n * neckWidthFactor, //脖子宽度银子 s = n * headWidthFactor, //头部宽度因子 a = P.PlotUtils.getThirdPoint(r, e, P.Constants.HALF_PI, g, !0), l = P.PlotUtils.getThirdPoint(r, e, P.Constants.HALF_PI, g, !1), u = P.PlotUtils.getThirdPoint(e, r, headAngle, s, !1), c = P.PlotUtils.getThirdPoint(e, r, headAngle, s, !0), p = P.PlotUtils.getThirdPoint(e, r, neckAngle, i, !1), h = P.PlotUtils.getThirdPoint(e, r, neckAngle, i, !0), d = []; d.push(a[0], a[1], p[0], p[1], u[0], u[1], r[0], r[1], c[0], c[1], h[0], h[1], l[0], l[1], e[0], e[1]); return Cesium.Cartesian3.fromDegreesArray(d); }