UNPKG

wv-business-components

Version:

964 lines (961 loc) 24.2 kB
import '@arcgis/core/assets/esri/themes/light/main.css'; import { Options, Vue } from 'vue-class-component'; import { WvOption, WvCheckbox, WvSelect, WvMessage } from 'wiscomv'; import GisBase from './util/arcgisBase.js'; import arcgisObj from './util/arcgisCommon.js'; import { Prop } from 'vue-property-decorator'; import $ from 'jquery'; import { WMap } from './util/wmap.js'; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __decorateClass = (decorators, target, key, kind) => { var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target; for (var i = decorators.length - 1, decorator; i >= 0; i--) if (decorator = decorators[i]) result = (kind ? decorator(target, key, result) : decorator(result)) || result; if (kind && result) __defProp(target, key, result); return result; }; let Gis = class extends Vue { constructor() { super(...arguments); this.WMap = WMap; this.mapTypeFlag = false; this.overviewFlag = false; this.mapbtnBoxFlag = false; this.moveControlFlag = false; this.moveControlPlayFlag = "1"; this.pointRoundBoxFlag = false; this.options = [ { value: "0.5", label: "1/2x" }, { value: "1", label: "1x" }, { value: "2", label: "2x" }, { value: "3", label: "3x" } ]; this.value = "1"; this.checked1 = true; this.checked2 = false; this.minWidth = 0; this.lineArr = []; this.lineArrIds = []; this.imgObj = {}; this.color = []; this.linFlag = ""; this.roundCircleExtent = "A"; this.roundCircleFn = "A"; this.roundCircleP = "A"; this.roundCircleM = 1e3; this.roundCircleColorObj = "A"; } mounted() { } setMinWidth(val) { this.minWidth = val.srcElement.clientWidth; } roundCircle(point, m, colorObj, fn) { let self; self = this; self.pointRoundBoxFlag = true; setTimeout(() => { self.roundCircleFn = fn; self.roundCircleM = m; self.roundCircleP = point; self.roundCircleColorObj = colorObj; if (self.roundCircleM >= 5e3) { WvMessage({ message: "\u5F53\u524D\u8303\u56F4\u5DF2\u8FBE\u4E0A\u96505000m!", type: "error", duration: "1000" }); return; } if (self.roundCircleM <= 100) { WvMessage({ message: "\u5F53\u524D\u8303\u56F4\u5DF2\u8FBE\u4E0B\u9650100m!", type: "error", duration: "1000" }); return; } let aa = arcgisObj.roundCircle( self.mapprams.mapId, point, "fixedBillboardLayer", m, colorObj, self.roundCircleAdd, self.roundCircleSub, self.roundCircleFn ); self.roundCircleExtent = aa; console.log(aa); }, 10); } roundCircleAdd() { let self; self = this; if (self.roundCircleM >= 5e3) { WvMessage({ message: "\u5F53\u524D\u8303\u56F4\u5DF2\u8FBE\u4E0A\u96505000m!", type: "error", duration: "1000" }); return; } self.roundCircleM += 100; let aa = arcgisObj.roundCircle( self.mapprams.mapId, self.roundCircleP, "fixedBillboardLayer", self.roundCircleM, self.roundCircleColorObj, self.roundCircleAdd, self.roundCircleSub, self.roundCircleFn ); self.roundCircleExtent = aa; console.log(aa); } roundCircleSub() { let self; self = this; if (self.roundCircleM <= 100) { WvMessage({ message: "\u5F53\u524D\u8303\u56F4\u5DF2\u8FBE\u4E0B\u9650100m!", type: "error", duration: "1000" }); return; } self.roundCircleM -= 100; let aa = arcgisObj.roundCircle( self.mapprams.mapId, self.roundCircleP, "fixedBillboardLayer", self.roundCircleM, self.roundCircleColorObj, self.roundCircleAdd, self.roundCircleSub, self.roundCircleFn ); self.roundCircleExtent = aa; console.log(aa); } addFootholdPonits(data, imgArr, titleImg) { let self; self = this; let b = data.filter((item) => { return item.x && item.y; }); console.log(b.length); if (b.length < 2) { return; } arcgisObj.addFootholdPonits(self.mapprams.mapId, "fixedBillboardLayer", b, imgArr, titleImg); } getCenterAndZoom() { let self; self = this; let level = Math.round( window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "view"].zoom ); let center = [ window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "view"].center.longitude, window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "view"].center.latitude ]; return { level, center }; } getPolygonCenter(pointArr) { let centerObj = arcgisObj.getPolygonCenter(pointArr); return centerObj; } getExtentNum(fn) { let self; self = this; arcgisObj.getExtentNum(self.mapprams.mapId, fn); } layerVisible(name, flag) { let self; self = this; arcgisObj.layerVisible(self.mapprams.mapId, name, flag); } layerClear(name) { let self; self = this; arcgisObj.layerClear(self.mapprams.mapId, name); } getPointOn(mapLyerName, pointIcon, Fn, Fn2) { let self; self = this; arcgisObj.getPointOn(self.mapprams.mapId, mapLyerName, pointIcon, Fn, Fn2); } getPointOff() { arcgisObj.getPointOff(); } getMoveOn(mapLyerName, text) { let self; self = this; arcgisObj.getMoveOn(self.mapprams.mapId, mapLyerName, text); } eventPointMark(mapLyerName, pointIcon, point, html, dragFn) { let self; self = this; arcgisObj.eventPointMark(self.mapprams.mapId, mapLyerName, pointIcon, point, html, dragFn); } getMoveOff() { arcgisObj.getMoveOff(); } delMaplayer(name) { let self; self = this; arcgisObj.delMaplayer(self.mapprams.mapId, name); } destroyMaplayer(name) { let self; self = this; arcgisObj.destroyMaplayer(self.mapprams.mapId, name); } getMapLayerName() { let self; self = this; let arr = []; let map = window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "map"]; map.allLayers.find(function(layer) { arr.push(layer.id); }); return arr; } setLayerIndex(layerName, index) { let self; self = this; let graphicsLayer = window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "map"].findLayerById(layerName); if (graphicsLayer) { window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "map"].reorder( graphicsLayer, index ); } else { WvMessage({ message: "\u8BF7\u8F93\u5165\u6B63\u786E\u56FE\u5C42\u540D\u79F0!", type: "error", duration: "1000" }); } } getMap() { let self; self = this; let map = window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "map"]; return map; } getMapView() { let self; self = this; let map = window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "view"]; return map; } singleP(imgObj, point, html1) { let self; self = this; if (html1) { if (html1 == "1") { let html = ` <div class="InfoMessage"> <p class="color1">${point.poiName ? point.poiName : "-"}</p> <p>\u901A\u884C\u65F6\u95F4: <span class="color2">${point.time ? point.time : "-"}</span></p> </div>`; setTimeout(() => { arcgisObj.pointIconCenter( imgObj, point, "fixedBillboardLayer", self.mapprams.mapId, html ); }, 500); } else { setTimeout(() => { arcgisObj.pointIconCenter( imgObj, point, "fixedBillboardLayer", self.mapprams.mapId, html1 ); }, 500); } } else { setTimeout(() => { arcgisObj.pointIconCenter(imgObj, point, "fixedBillboardLayer", self.mapprams.mapId); }, 500); } } singlePS(imgObj, point) { let self; self = this; let a = 1; let b = setInterval(() => { arcgisObj.layerClear(self.mapprams.mapId, "fixedBillboardLayerPC"); if (a == 5) { clearInterval(b); return; } arcgisObj.pointIconCenterS(imgObj, point, "fixedBillboardLayerPC", self.mapprams.mapId); a += 1; }, 500); } pPopup(point, html, title, flag) { let self; self = this; setTimeout(() => { arcgisObj.pPopup(point, self.mapprams.mapId, html, title, flag); }, 500); } centerP(centerObj) { let self; self = this; setTimeout(() => { arcgisObj.centerP(self.mapprams.mapId, centerObj); }, 500); } goCenter() { let self; self = this; arcgisObj.goCenter(self.mapprams.mapId); } addMapLevel() { let self; self = this; let level = Math.round( window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "view"].zoom ); if (level + 1 > window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "mapconfig"].maxlevel) { WvMessage({ message: "\u5DF2\u8FBE\u5230\u6700\u5927\u5C42\u7EA7!", type: "error", duration: "1000" }); return; } else { arcgisObj.addMapLevel(self.mapprams.mapId); } } subMapLevel() { let self; self = this; let level = Math.round( window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "view"].zoom ); if (level - 1 < window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "mapconfig"].minlevel) { WvMessage({ message: "\u5DF2\u8FBE\u5230\u6700\u5C0F\u5C42\u7EA7!", type: "error", duration: "1000" }); return; } else { arcgisObj.subMapLevel(self.mapprams.mapId); } } mapTcheck(flag) { if (flag == 1) { WvMessage({ message: "\u76EE\u524D\u53EA\u652F\u6301arcgis!", type: "error", duration: "1000" }); } } overview() { let self; self = this; if (self.overviewFlag) { $("#" + self.mapprams.overmapDom).empty(); self.overviewFlag = false; } else { self.overviewFlag = true; arcgisObj.initOverViewMap(self.mapprams.overmapDom, self.mapprams.mapId); if (self.mapTypeFlag) { self.mapTypeFlag = false; } } } markPointNoClear(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; arcgisObj.markPointNoClear( data, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor ); } markPoint(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; arcgisObj.markPoint(data, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor); } markVideoPoint(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; arcgisObj.markVideoPoint( data, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor ); } markPoint1(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; arcgisObj.markPoint1(data, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor); } extentViewPoints(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; arcgisObj.extentViewPoints( data, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor ); } addAlarmPoints(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; let b = data.filter((item) => { return item.x && item.y; }); arcgisObj.addAlarmPoints(b, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor); } addTextPoints(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; let b = data.filter((item) => { return item.x && item.y; }); arcgisObj.addTextPoints(b, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor); } addTextPoint(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; arcgisObj.addTextPoint(data, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor); } markPoint2(data, mapLyerName, markPointFn) { let self; self = this; arcgisObj.markPoint2(data, self.mapprams.mapId, mapLyerName, markPointFn); } mapTypeFn() { let self; self = this; self.mapTypeFlag = !self.mapTypeFlag; if (self.overviewFlag) { $("#" + self.mapprams.overmapDom).empty(); self.overviewFlag = false; } } createMap(callback, config, getExtentData, popCloseFn) { let self; self = this; GisBase.initMap( self.mapprams.mapDom, self.mapprams.mapType, self.mapprams.mapId, callback, config, getExtentData, popCloseFn ); } setConfig(config) { if (config) arcgisObj.setConfig(config); } initSketch(position, fn1, colorObj) { let fn = "2"; let self; self = this; if (fn) { fn = fn1; } arcgisObj.initSketch("DrawCircle", self.mapprams.mapId, position, fn, colorObj); } initSketch1(position, fn1, colorObj) { let fn = "2"; let self; self = this; if (fn) { fn = fn1; } arcgisObj.initSketch1("DrawCircle", self.mapprams.mapId, position, fn, colorObj); } initSketchFn(fnName, fn1, colorObj) { let fn = "2"; let self; self = this; if (fn) { fn = fn1; } arcgisObj.initSketchfn("DrawCircle", self.mapprams.mapId, fnName, fn, colorObj); } initSketchFn1(fnName, fn1, colorObj) { let fn = "2"; let self; self = this; if (fn) { fn = fn1; } arcgisObj.initSketchfn1("DrawCircle", self.mapprams.mapId, fnName, fn, colorObj); } initSketchFn2(fn1, colorObj) { let fn = "2"; let self; self = this; if (fn) { fn = fn1; } arcgisObj.initSketchfn2("TDrawCircle", self.mapprams.mapId, "polyline", fn, colorObj); } initMapbtnBox() { this.mapbtnBoxFlag = true; } destroyMap() { let self; self = this; $("#" + self.mapprams.overmapDom).empty(); $("#" + self.mapprams.mapDom).empty(); self.mapTypeFlag = false; self.overviewFlag = false; self.mapbtnBoxFlag = false; self.moveControlFlag = false; self.pointRoundBoxFlag = false; window[self.mapprams.mapId + "mapObj"] = {}; } roundHeatMap(layerName, data) { let self; self = this; arcgisObj.roundHeatMap(data, self.mapprams.mapId, layerName); } htmlBoxScreen(data, html, title) { let self; self = this; arcgisObj.htmlBoxScreen(data, self.mapprams.mapId, html, title); } htmlBoxScreen1(data, html, title) { let self; self = this; arcgisObj.htmlBoxScreen1(data, self.mapprams.mapId, html, title); } addTrackLineCheckP(obj, color) { if (!obj.position[0] || !obj.position[1]) { return; } arcgisObj.addTrackLineCheckP(this.mapprams.mapId, obj.position, obj.index, obj.text, color); } delTrackLineCheckP() { let pointLayer1 = window[this.mapprams.mapId + "mapObj"][this.mapprams.mapId + "map"].findLayerById( "MoveLayerText1" ); pointLayer1.removeAll(); } clearPop() { let self; self = this; window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "view"].popup.close(); } sectorGeo(point, km) { let self; self = this; let cameraDirArr = { "1": 0, "5": 45, "2": 90, "6": 135, "3": 180, "7": 225, "4": 270, "8": 315 }; let p1Arr = arcgisObj.sectorGeo( self.mapprams.mapId, point, cameraDirArr["1"], "fixedBillboardLayer", km ); let p2Arr = arcgisObj.sectorGeo( self.mapprams.mapId, point, cameraDirArr["5"], "fixedBillboardLayer", km ); let p3Arr = arcgisObj.sectorGeo( self.mapprams.mapId, point, cameraDirArr["2"], "fixedBillboardLayer", km ); let p4Arr = arcgisObj.sectorGeo( self.mapprams.mapId, point, cameraDirArr["6"], "fixedBillboardLayer", km ); let p5Arr = arcgisObj.sectorGeo( self.mapprams.mapId, point, cameraDirArr["3"], "fixedBillboardLayer", km ); let p6Arr = arcgisObj.sectorGeo( self.mapprams.mapId, point, cameraDirArr["7"], "fixedBillboardLayer", km ); let p7Arr = arcgisObj.sectorGeo( self.mapprams.mapId, point, cameraDirArr["4"], "fixedBillboardLayer", km ); let p8Arr = arcgisObj.sectorGeo( self.mapprams.mapId, point, cameraDirArr["8"], "fixedBillboardLayer", km ); let objArr = [ { geometry: p1Arr, key: "up" }, { geometry: p2Arr, key: "rightUp" }, { geometry: p3Arr, key: "right" }, { geometry: p4Arr, key: "rightDown" }, { geometry: p5Arr, key: "down" }, { geometry: p6Arr, key: "leftDown" }, { geometry: p7Arr, key: "left" }, { geometry: p8Arr, key: "leftUp" } ]; return objArr; } delSingleP(layerName, data) { let self; self = this; arcgisObj.delSingleP(self.mapprams.mapId, layerName, data); } addSingleP(data, mapLyerName, imgObj, markPointFn, fontColor) { let self; self = this; arcgisObj.addSingleP(data, self.mapprams.mapId, mapLyerName, imgObj, markPointFn, fontColor); } addTrackLine(lineArr, lineColor, textFlag) { let self; self = this; arcgisObj.addTrackLine( self.mapprams.mapId, "fixedBillboardLayer", lineArr, lineColor, textFlag ); } addTrackLine1(lineArr, textFlag, lineArrIds, lineArrIdFn) { let self; self = this; arcgisObj.addTrackLine1( self.mapprams.mapId, "fixedBillboardLayer", lineArr, textFlag, lineArrIds, lineArrIdFn ); } addOnlyTrackLine(lineArr, lineArrIds, lineArrIdFn) { let self; self = this; arcgisObj.addOnlyTrackLine( self.mapprams.mapId, "fixedBillboardLayer", lineArr, lineArrIds, lineArrIdFn ); } addTrackLine3(lineArr, textFlag, lineArrIds, lineArrIdFn) { let self; self = this; arcgisObj.addTrackLine3( self.mapprams.mapId, "fixedBillboardLayer", lineArr, textFlag, lineArrIds, lineArrIdFn ); } addTrackLine4(lineArr, data, lineArrIdFn) { let self; self = this; let b = lineArr.filter((item, index) => { return item[0] && item[1]; }); arcgisObj.addTrackLine4(self.mapprams.mapId, "fixedBillboardLayer", b, data, lineArrIdFn); } addTrackLine2(lineArr, textFlag, lineArrIds, lineArrIdFn) { let self; self = this; arcgisObj.addTrackLine2( self.mapprams.mapId, "fixedBillboardLayer", lineArr, textFlag, lineArrIds, lineArrIdFn ); } addTrackLine2CloseTime() { arcgisObj.addTrackLineCloseTime(); } arctiveCloseFlag() { arcgisObj.arctiveCloseFlag(); } delTrackLine1(lineName) { let self; self = this; arcgisObj.delTrackLine1(self.mapprams.mapId, "fixedBillboardLayer", lineName); } addPolygon(lineArr, lineColor, layerName, fnObj) { let self; self = this; arcgisObj.addPolygon(self.mapprams.mapId, layerName, lineArr, lineColor, fnObj); } addPolygonP(data, position, fn1, colorObj) { let self; self = this; arcgisObj.addPolygonP(data, "DrawCircle", self.mapprams.mapId, position, fn1, colorObj); } addBufferZone(lineArr, lineColor, layerName, meters) { let self; self = this; arcgisObj.addBufferZone(self.mapprams.mapId, layerName, lineArr, lineColor, meters); } addBufferLine(lineArr, lineColor, layerName, meters, fn) { let self; self = this; arcgisObj.addBufferLine(self.mapprams.mapId, layerName, lineArr, lineColor, meters, fn); } sketchView(dir) { let self; self = this; let map = window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "view"]; map.ui.empty(dir); } roundViewMove(lineArr, imgObj, lineArrIds, lineArrIdFn, color, linFlag, oldArr) { let self; self = this; let b = lineArr.filter((item, index) => { if (!item[0] || !item[1]) { lineArrIds.splice(index, 1); } return item[0] && item[1]; }); console.log(b); setTimeout(() => { arcgisObj.roundViewMove( self.mapprams.mapId, "MoveLayer", lineArr, imgObj, "1", lineArrIds, color, linFlag, lineArrIdFn, oldArr ); }, 10); } clearRoundViewMove() { let self; self = this; arcgisObj.clearRoundViewMove(self.mapprams.mapId, "MoveLayer"); } iconMove(lineArr, imgObj, lineArrIds, lineArrIdFn, color, linFlag) { let self; self = this; self.moveControlFlag = true; let b = lineArr.filter((item, index) => { if (!item[0] || !item[1]) { lineArrIds.splice(index, 1); } return item[0] && item[1]; }); console.log(b); setTimeout(() => { self.moveControlPlayFlag = "1"; self.value = "1"; self.checked1 = true; self.lineArr = b; self.imgObj = imgObj; self.lineArrIds = lineArrIds; self.lineArrIdFn = lineArrIdFn; self.color = color; self.linFlag = linFlag; if (self.checked1) { arcgisObj.iconMove( self.mapprams.mapId, "MoveLayer", self.lineArr, imgObj, self.value, self.lineArrIds, self.color, self.linFlag, self.lineArrIdFn ); } else { arcgisObj.iconMove( self.mapprams.mapId, "MoveLayer", self.lineArr, imgObj, self.value, self.lineArrIds, self.color, self.linFlag ); } }, 10); } iconMove1() { let self; self = this; this.moveControlPlayFlag = "1"; $("#Bback").trigger("click"); if (self.checked1) { arcgisObj.iconMove( self.mapprams.mapId, "MoveLayer", self.lineArr, self.imgObj, self.value, self.lineArrIds, self.color, self.linFlag, self.lineArrIdFn ); } else { arcgisObj.iconMove( self.mapprams.mapId, "MoveLayer", self.lineArr, self.imgObj, self.value, self.lineArrIds, self.color, self.linFlag ); } } iconMoveDel() { let self; self = this; $("#Bback").trigger("click"); this.moveControlPlayFlag = "1"; this.value = "1"; this.moveControlFlag = false; this.checked1 = true; self.lineArr = []; self.imgObj = {}; self.lineArrIds = []; self.color = []; self.lineArrIdFn = {}; let moveLayer = window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "map"].findLayerById( "MoveLayer" ); let lineLayed = window[self.mapprams.mapId + "mapObj"][self.mapprams.mapId + "map"].findLayerById("MoveLayer1"); lineLayed.removeAll(); moveLayer.removeAll(); } iconMovePause(flag) { if (flag == 1) { $("#Bpause").trigger("click"); } else if (flag == 2) { $("#Bback").trigger("click"); } } }; __decorateClass([ Prop({ type: String, default: "" }) ], Gis.prototype, "whitePHead", 2); __decorateClass([ Prop({ default: { mapId: "contantMap", mapDom: "mapContainer", overmapDom: "overviewDiv", mapType: "ARCGIS" } }) ], Gis.prototype, "mapprams", 2); Gis = __decorateClass([ Options({ components: { WvOption, WvCheckbox, WvSelect } }) ], Gis); export { Gis as default };