修改并测试打包

dist/Plugins.min.js

+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.Plugins=t()}(this,function(){"use strict";var e=(t.prototype._addListener=function(e,t,i){if(this.emit("newListener",e,t),this.events.has(e)){var r=this.events.get(e);i?r.unshift(t):r.push(t)}else this.events.set(e,[t]);var o=this.getMaxListeners();if(0<o&&this.listenerCount(e)>o){var n=new Error("Possible EventEmitter memory leak detected.\n         "+this.listenerCount(e)+" "+e.toString()+" listeners.\n         Use emitter.setMaxListeners() to increase limit");n.name="MaxListenersExceededWarning",console.warn(n)}return this},t.prototype.addListener=function(e,t){return this._addListener(e,t,!1)},t.prototype.emit=function(e){for(var t=[],i=1;i<arguments.length;i++)t[i-1]=arguments[i];if(this.events.has(e)){for(var r=0,o=this.events.get(e).slice();r<o.length;r++){var n=o[r];try{n.apply(this,t)}catch(e){this.emit("error",e)}}return!0}if("error"===e)throw 0<t.length?t[0]:Error("Unhandled error.");return!1},t.prototype.eventNames=function(){return Array.from(this.events.keys())},t.prototype.getMaxListeners=function(){return this.maxListeners||t.defaultMaxListeners},t.prototype.listenerCount=function(e){return this.events.has(e)?this.events.get(e).length:0},t.prototype._listeners=function(e,t,i){if(!e.events.has(t))return[];var r=e.events.get(t);return i?this.unwrapListeners(r):r.slice(0)},t.prototype.unwrapListeners=function(e){for(var t=new Array(e.length),i=0;i<e.length;i++)t[i]=e[i].listener||e[i];return t},t.prototype.listeners=function(e){return this._listeners(this,e,!0)},t.prototype.rawListeners=function(e){return this._listeners(this,e,!1)},t.prototype.off=function(e,t){return this.removeListener(e,t)},t.prototype.on=function(e,t){return this.addListener(e,t)},t.prototype.once=function(e,t){var i=this.onceWrap(e,t);return this.on(e,i),this},t.prototype.onceWrap=function(e,t){function i(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.context.removeListener(this.eventName,this.rawListener),this.listener.apply(this.context,e)}var r={eventName:e,listener:t,rawListener:i,context:this},o=i.bind(r);return(r.rawListener=o).listener=t,o},t.prototype.prependListener=function(e,t){return this._addListener(e,t,!0)},t.prototype.prependOnceListener=function(e,t){var i=this.onceWrap(e,t);return this.prependListener(e,i),this},t.prototype.removeAllListeners=function(e){var t=this;if(void 0===this.events)return this;if(this.events.has(e)){var i=this.events.get(e).slice();this.events.delete(e);for(var r=0,o=i;r<o.length;r++){var n=o[r];this.emit("removeListener",e,n)}}else this.eventNames().map(function(e){t.removeAllListeners(e)});return this},t.prototype.removeListener=function(e,t){if(this.events.has(e)){var i=this.events.get(e);-1!==i.indexOf(t)&&(i.splice(i.indexOf(t),1),this.emit("removeListener",e,t),0===i.length&&this.events.delete(e))}return this},t.prototype.setMaxListeners=function(e){return this.maxListeners=e,this},t.defaultMaxListeners=50,t);function t(){this.events=new Map}var y=(i.jsapi="http://10.108.3.16/smiapi/arcgis",i.jsapiversion4X="4.15",i);function i(){}var a=y.jsapiversion4X,o="next";function n(e){if(null===e&&(e=a),e.toString().toLowerCase()===o)return o;var t=e&&e.match(/^(\d)\.(\d+)/);return t&&{major:parseInt(t[1],10),minor:parseInt(t[2],10)}}function l(e){return void 0===e&&(e=a),y.jsapi+"/"+e+"/init.js"}function s(e){var t=document.createElement("link");return t.rel="stylesheet",t.href=e,t}function u(e,t){if(t){var i=document.querySelector(t);i.parentNode.insertBefore(e,i)}else document.head.appendChild(e)}function d(e){return document.querySelector('link[href*="'+e+'"]')}function c(e){return!e||n(e)?function(e){void 0===e&&(e=a),null===e&&(e=a);var t=l(e),i=t.substring(0,t.indexOf("init.js")),r=n(e);return r===o||3!==r.major?i+"esri/themes/light/main.css":i+(r.minor<=10?"js/":"")+"esri/css/esri.css"}(e):e}function p(e,t){var i=c(e),r=d(i);if(r||u(r=s(i),t),4===function(e){null===e&&(e=a);var t=e&&e.match(/^(\d)\.(\d+)/);return t&&{major:parseInt(t[1],10),minor:parseInt(t[2],10)}}(e).major){var o=i.substring(0,i.indexOf("esri/themes/"))+"esri/themes/gis/css/gis.css",n=d(o);n||u(n=s(o),t)}return r}var r={Promise:"undefined"!=typeof window?window.Promise:void 0},f={};function h(e,t,i){var r,o,n,a;i&&(n=i,a=function(e){n(e.error||new Error("There was an error attempting to load "+o.src)),o.removeEventListener("error",a,!1)},(o=e).addEventListener("error",a,!1),r=a);var l=function(){t(e),e.removeEventListener("load",l,!1),r&&e.removeEventListener("error",r,!1)};e.addEventListener("load",l,!1)}function v(){return document.querySelector("script[data-shsmi]")}function b(){var e=window.require;return e&&e.on}function m(e){void 0===e&&(e={});var s={};[f,e].forEach(function(e){for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(s[t]=e[t])});var u=s.version,d=s.url||l(u);return new r.Promise(function(e,t){var i,r,o=v();if(o){var n=o.getAttribute("src");n!==d?t(new Error("The ArcGIS API for JavaScript is already loaded ("+n+").")):b()?e(o):h(o,e,t)}else if(b())t(new Error("The ArcGIS API for JavaScript is already loaded."));else{var a=s.css;if(a)p(!0===a?u:a,s.insertCssBefore);else p(null,s.insertCssBefore);if(s.dojoConfig)window.dojoConfig=s.dojoConfig;else{var l={async:!0,packages:[{location:y.jsapi+"/extensions",name:"smiapi"},{location:y.jsapi+"/extensions/geolocation",name:"geolocate",main:"geolocate"}],deps:["@dojo/framework/shim/main"],has:{"esri-promise-compatibility":1,"esri-featurelayer-webgl":1}};window.dojoConfig=l}i=d,(r=document.createElement("script")).type="text/javascript",r.src=i,r.setAttribute("data-shsmi","loading"),h(o=r,function(){o.setAttribute("data-shsmi","loaded"),e(o)},t),document.head.appendChild(o)}})}function w(t){return new r.Promise(function(i,e){var r=window.require.on("error",e);window.require(t,function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];r.remove(),i(e)})})}function g(e,t){if(void 0===t&&(t={}),b())return w(e);var i=v(),r=i&&i.getAttribute("src");return!t.url&&r&&(t.url=r),m(t).then(function(){return w(e)})}var L=(x.prototype.S4=function(){return(65536*(1+Math.random())|0).toString(16).substring(1)},x.prototype.get_uuid=function(){return this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4()},x);function x(){this.uuid=this.get_uuid()}var k=(z.maploaded="maploaded",z.zoomchanged="zoomchanged",z.extentchanged="extentchanged",z.centerchanged="centerchanged",z.blur="blur",z.click="click",z.doubleclick="doubleclick",z.drag="drag",z.focus="focus",z.hold="hold",z.keydown="key-down",z.keyup="key-up",z.mousewheel="mouse-wheel",z.pointerdown="pointer-down",z.pointerenter="pointer-enter",z.pointerleave="pointer-leave",z.pointermove="pointer-move",z.pointerup="pointer-up",z.resize="pointer-up",z.popupvisible="popup-visible",z);function z(){}var C,S,I=(C=function(e,t){return(C=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}C(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),R=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},A=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},E=(I(B,S=e),B.prototype.add=function(a){var l=this;void 0===a&&(a={}),g(["esri/layers/GraphicsLayer","esri/Graphic","esri/layers/FeatureLayer"]).then(function(e){var t=e[0],o=e[1],i=e[2];if(l.view){var r=null;if(a.boundaryType&&(r=l.view.map.findLayerById(a.boundaryType)),r||a.url&&(r=new i({url:a.url,id:a.boundaryType,title:a.boundaryType,visible:!1}),l.view.map.add(r)),r){var n=r.createQuery();n.where=a.boundaryDefinition,r.queryFeatures(n).then(function(e){if(0<e.features.length){var i,r=l.view.map.findLayerById(l.displayedLayerid);void 0===r&&(r=new t({title:l.displayedLayerid+"边界",id:l.displayedLayerid,listMode:"hide"}),l.view.map.add(r)),i=void 0!==a.symbol?a.symbol:{type:"simple-fill",color:[255,255,255,0],outline:{color:[255,255,0,1],width:"5px"}},e.features.map(function(e){var t=new o({geometry:e.geometry,symbol:i,attributes:e.attributes});r.add(t)})}})}}}).catch(function(e){console.error(e)})},B.prototype.remove=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&this.view.map.remove(e)},B.prototype.show=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(e.visible=!0)},B.prototype.hide=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(e.visible=!1)},B.prototype.init=function(t){return R(this,void 0,void 0,function(){var r=this;return A(this,function(e){return this.displayedLayerid=(new L).uuid,this.view=t,this.view.on(k.click,function(i){r.view.hitTest(i).then(function(t){return R(r,void 0,void 0,function(){return A(this,function(e){return 0<t.results.length&&t.results[0].graphic.layer.id===this.displayedLayerid&&this.emit(k.click,t.results[0].graphic,i.mapPoint),[2]})})})}),this.view.on(k.pointermove,function(i){r.view.hitTest(i).then(function(t){return R(r,void 0,void 0,function(){return A(this,function(e){return 0<t.results.length&&t.results[0].graphic.layer.id===this.displayedLayerid&&this.emit(k.pointermove,t.results[0].graphic,i.mapPoint),[2]})})})}),[2]})})},B);function B(e){var t=S.call(this)||this;return t.displayedLayerid="",t.view=null,t.init(e),t}var _,P,M=(_=function(e,t){return(_=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}_(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),j=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},O=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},W=(M(T,P=e),T.prototype.drawcircle=function(){var y=this;g(["esri/views/draw/Draw","esri/Graphic","esri/layers/GraphicsLayer","esri/geometry/Point","esri/geometry/geometryEngine"]).then(function(e){var t=e[0],a=e[1],i=e[2],l=e[3],s=e[4],r=new t({view:y.view}),u=y.view.map.findLayerById(y.displayedLayerid);null==u&&(u=new i({id:y.displayedLayerid,title:"绘制结果显示层",listMode:"hide"}),y.view.map.add(u));var o=(new L).uuid,d=y.view.map.findLayerById(o);d||(d=new i({id:y.displayedLayerid,title:"画圆显示层",listMode:"hide"}),y.view.map.add(d));var n=r.create("circle",{mode:"click"});y.view.focus(),n.on("vertex-add",function(e){if(2===e.vertices.length){d.removeAll();var t=new l({x:e.vertices[0][0],y:e.vertices[0][1],spatialReference:y.view.spatialReference}),i=new l({x:e.vertices[1][0],y:e.vertices[1][1],spatialReference:y.view.spatialReference}),r=s.distance(t,i,"meters"),o=s.buffer(t,r,"meters"),n=new a({geometry:o,symbol:y.polygonsymbol});d.add(n)}}),n.on("vertex-remove",function(e){console.log(e)}),n.on("cursor-update",function(e){if(2===e.vertices.length){d.removeAll();var t=new l({x:e.vertices[0][0],y:e.vertices[0][1],spatialReference:y.view.spatialReference}),i=new l({x:e.vertices[1][0],y:e.vertices[1][1],spatialReference:y.view.spatialReference}),r=s.distance(t,i,"meters"),o=s.buffer(t,r,"meters"),n=new a({geometry:o,symbol:y.polygonsymbol});d.add(n)}}),n.on("redo",function(e){console.log(e)}),n.on("undo",function(e){console.log(e)}),n.on("draw-complete",function(e){if(2===e.vertices.length){var t=new l({x:e.vertices[0][0],y:e.vertices[0][1],spatialReference:y.view.spatialReference}),i=new l({x:e.vertices[1][0],y:e.vertices[1][1],spatialReference:y.view.spatialReference}),r=s.distance(t,i,"meters"),o=s.buffer(t,r,"meters"),n=new a({geometry:o,symbol:y.polygonsymbol});y.view.map.remove(d),u.add(n),y.emit("drawcomplete",n,"circle")}})})},T.prototype.drawrectangle=function(){var y=this;g(["esri/views/draw/Draw","esri/Graphic","esri/layers/GraphicsLayer","esri/geometry/Polygon"]).then(function(e){var t=e[0],l=e[1],i=e[2],s=e[3],r=new t({view:y.view}),u=y.view.map.findLayerById(y.displayedLayerid);u||(u=new i({id:y.displayedLayerid,title:"绘制结果显示层",listMode:"hide"}),y.view.map.add(u));var o=(new L).uuid,d=y.view.map.findLayerById(o);null==d&&(d=new i({id:y.displayedLayerid,title:"画矩形追踪显示层",listMode:"hide"}),y.view.map.add(d));var n=r.create("rectangle",{mode:"click"});y.view.focus(),n.on("vertex-add",function(e){if(2===e.vertices.length){d.removeAll();var t=e.vertices[0][0]>e.vertices[1][0]?e.vertices[1][0]:e.vertices[0][0],i=e.vertices[0][1]>e.vertices[1][1]?e.vertices[1][1]:e.vertices[0][1],r=e.vertices[0][0]>e.vertices[1][0]?e.vertices[0][0]:e.vertices[1][0],o=e.vertices[0][1]>e.vertices[1][1]?e.vertices[0][1]:e.vertices[1][1],n=new s({hasZ:!0,hasM:!0,rings:[[[t,i],[r,i],[r,o],[t,o],[t,i]]],spatialReference:y.view.spatialReference}),a=new l({geometry:n,symbol:y.polygonsymbol});d.add(a)}}),n.on("vertex-remove",function(e){console.log(e)}),n.on("cursor-update",function(e){if(2===e.vertices.length){d.removeAll();var t=e.vertices[0][0]>e.vertices[1][0]?e.vertices[1][0]:e.vertices[0][0],i=e.vertices[0][1]>e.vertices[1][1]?e.vertices[1][1]:e.vertices[0][1],r=e.vertices[0][0]>e.vertices[1][0]?e.vertices[0][0]:e.vertices[1][0],o=e.vertices[0][1]>e.vertices[1][1]?e.vertices[0][1]:e.vertices[1][1],n=new s({hasZ:!0,hasM:!0,rings:[[[t,i],[r,i],[r,o],[t,o],[t,i]]],spatialReference:y.view.spatialReference}),a=new l({geometry:n,symbol:y.polygonsymbol});d.add(a)}}),n.on("redo",function(e){console.log(e)}),n.on("undo",function(e){console.log(e)}),n.on("draw-complete",function(e){if(2===e.vertices.length){var t=e.vertices[0][0]>e.vertices[1][0]?e.vertices[1][0]:e.vertices[0][0],i=e.vertices[0][1]>e.vertices[1][1]?e.vertices[1][1]:e.vertices[0][1],r=e.vertices[0][0]>e.vertices[1][0]?e.vertices[0][0]:e.vertices[1][0],o=e.vertices[0][1]>e.vertices[1][1]?e.vertices[0][1]:e.vertices[1][1],n=new s({hasZ:!0,hasM:!0,rings:[[[t,i],[r,i],[r,o],[t,o],[t,i]]],spatialReference:y.view.spatialReference}),a=new l({geometry:n,symbol:y.polygonsymbol});y.view.map.remove(d),u.add(a),y.emit("drawcomplete",a,"rectangle")}})})},T.prototype.drawPoint=function(){var u=this;g(["esri/views/draw/Draw","esri/Graphic","esri/layers/GraphicsLayer"]).then(function(e){var t=e[0],r=e[1],i=e[2],o=new t({view:u.view}),n=u.view.map.findLayerById(u.displayedLayerid);n||(n=new i({id:u.displayedLayerid,title:"绘制结果显示层",listMode:"hide"}),u.view.map.add(n));var a=(new L).uuid,l=u.view.map.findLayerById(a);null==l&&(l=new i({id:u.displayedLayerid,title:"画点移动追踪显示层",listMode:"hide"}),u.view.map.add(l));var s=o.create("point",{mode:"click"});u.view.focus(),s.on("vertex-add",function(e){console.log(e)}),s.on("vertex-remove",function(e){console.log(e)}),s.on("cursor-update",function(e){l.removeAll();var t={type:"point",x:e.coordinates[0],y:e.coordinates[1],spatialReference:u.view.spatialReference},i=new r({geometry:t,symbol:u.marksymbol});l.add(i)}),s.on("redo",function(e){console.log(e)}),s.on("undo",function(e){console.log(e)}),s.on("draw-complete",function(e){var t={type:"point",x:e.coordinates[0],y:e.coordinates[1],spatialReference:u.view.spatialReference},i=new r({geometry:t,symbol:u.marksymbol});u.view.map.remove(l),n.add(i),u.emit("drawcomplete",i,"point")})})},T.prototype.drawMultipoint=function(){var y=this;g(["esri/views/draw/Draw","esri/views/draw/PointDrawAction","esri/Graphic","esri/layers/GraphicsLayer","esri/geometry/Polygon","esri/geometry/geometryEngine"]).then(function(e){var t=e[0],o=(e[1],e[2]),i=e[3],r=(e[4],e[5],new t({view:y.view})),n=y.view.map.findLayerById(y.displayedLayerid);n||(n=new i({id:y.displayedLayerid,title:"绘制结果显示层",listMode:"hide"}),y.view.map.add(n));var a=(new L).uuid,l=y.view.map.findLayerById(a);null==l&&(l=new i({id:y.displayedLayerid,title:"画多点显示层",listMode:"hide"}),y.view.map.add(l));var s=(new L).uuid,u=y.view.map.findLayerById(s);null==u&&(u=new i({id:y.displayedLayerid,title:"移动追踪点显示层",listMode:"hide"}),y.view.map.add(u));var d=r.create("multipoint",{mode:"click"});y.view.focus(),d.on("vertex-add",function(e){l.removeAll(),e.vertices.map(function(e){var t={type:"point",x:e[0],y:e[1],spatialReference:y.view.spatialReference},i=new o({geometry:t,symbol:y.marksymbol});l.add(i)})}),d.on("vertex-remove",function(e){console.log(e)}),d.on("cursor-update",function(e){u.removeAll(),e.vertices.map(function(e){var t={type:"point",x:e[0],y:e[1],spatialReference:y.view.spatialReference},i=new o({geometry:t,symbol:y.marksymbol});u.add(i)})}),d.on("redo",function(e){console.log(e)}),d.on("undo",function(e){console.log(e)}),d.on("draw-complete",function(e){l.removeAll();var r=[];e.vertices.map(function(e){var t={type:"point",x:e[0],y:e[1],spatialReference:y.view.spatialReference},i=new o({geometry:t,symbol:y.marksymbol});r.push(i),n.add(i)}),y.view.map.remove(l),y.view.map.remove(u),y.emit("drawcomplete",r,"multipoint")})})},T.prototype.drawPolyline=function(){var d=this;g(["esri/views/draw/Draw","esri/Graphic","esri/layers/GraphicsLayer","esri/geometry/geometryEngine"]).then(function(e){var t=e[0],a=e[1],i=e[2],l=e[3],r=new t({view:d.view}),s=d.view.map.findLayerById(d.displayedLayerid);s||(s=new i({id:d.displayedLayerid,title:"绘制结果显示层",listMode:"hide"}),d.view.map.add(s));var o=(new L).uuid,u=d.view.map.findLayerById(o);null==u&&(u=new i({id:d.displayedLayerid,title:"画线显示层",listMode:"hide"}),d.view.map.add(u));var n=r.create("polyline");d.view.focus(),n.on(["vertex-add","vertex-remove","cursor-update","redo","undo"],function(e){if(1<e.vertices.length){var t=e.vertices;u.removeAll();var i=new a({geometry:{type:"polyline",paths:t,spatialReference:d.view.spatialReference},symbol:d.polylinesymbol}),r=function(e){var t=e.clone(),i=t.removePoint(0,t.paths[0].length-1),r=t.getPoint(0,t.paths[0].length-1);return{type:"polyline",spatialReference:d.view.spatialReference,hasZ:!1,paths:[[[r.x,r.y],[i.x,i.y]]]}};if(function(e){if(!(e.paths[0].length<3)){var t=e.clone(),i=r(e);return t.removePoint(0,t.paths[0].length-1),l.crosses(i,t)}}(i.geometry)){var o=new a({geometry:r(i.geometry),symbol:d.polylinesymbol});o&&u.addMany([i,o]),o&&e.preventDefault()}else u.add(i)}}),n.on("draw-complete",function(e){if(1<e.vertices.length){var t=e.vertices;u.removeAll();var i=new a({geometry:{type:"polyline",paths:t,spatialReference:d.view.spatialReference},symbol:d.polylinesymbol}),r=function(e){var t=e.clone(),i=t.removePoint(0,t.paths[0].length-1),r=t.getPoint(0,t.paths[0].length-1);return{type:"polyline",spatialReference:d.view.spatialReference,hasZ:!1,paths:[[[r.x,r.y],[i.x,i.y]]]}},o=null;if(function(e){if(!(e.paths[0].length<3)){var t=e.clone(),i=r(e);return t.removePoint(0,t.paths[0].length-1),l.crosses(i,t)}}(i.geometry)){var n=new a({geometry:r(i.geometry),symbol:d.polylinesymbol});n&&(s.addMany([i,n]),o=new a({geometry:l.union(i.geometry,n.geometry),symbol:d.polylinesymbol})),n&&e.preventDefault()}else o=i,s.add(i);d.view.map.remove(u),d.emit("drawcomplete",o,"polyline")}})})},T.prototype.drawPolygon=function(){var u=this;g(["esri/views/draw/Draw","esri/Graphic","esri/layers/GraphicsLayer","esri/geometry/geometryEngine"]).then(function(e){var t=e[0],o=e[1],i=e[2],r=(e[3],new t({view:u.view})),n=u.view.map.findLayerById(u.displayedLayerid);n||(n=new i({id:u.displayedLayerid,title:"绘制结果显示层",listMode:"hide"}),u.view.map.add(n));var a=(new L).uuid,l=u.view.map.findLayerById(a);null==l&&(l=new i({id:u.displayedLayerid,title:"画面显示层",listMode:"hide"}),u.view.map.add(l));var s=r.create("polygon");u.view.focus(),s.on(["vertex-add","vertex-remove","cursor-update","redo","undo"],function(e){var t=e.vertices;l.removeAll();var i={type:"polygon",rings:t,spatialReference:u.view.spatialReference},r=new o({geometry:i,symbol:u.polygonsymbol});l.add(r)}),s.on("draw-complete",function(e){var t=e.vertices;l.removeAll();var i={type:"polygon",rings:t,spatialReference:u.view.spatialReference},r=new o({geometry:i,symbol:u.polygonsymbol});u.view.map.remove(l),n.add(r),u.emit("drawcomplete",r,"polygon")})})},T.prototype.clean=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&this.view.map.remove(e)},T.prototype.show=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(e.visible=!0)},T.prototype.hide=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(e.visible=!1)},T.prototype.init=function(i){return j(this,void 0,void 0,function(){var t=this;return O(this,function(e){return this.displayedLayerid=(new L).uuid,this.view=i,this.view.on(k.click,function(e){t.view.hitTest(e).then(function(e){return j(t,void 0,void 0,function(){return O(this,function(e){return[2]})})})}),this.view.on(k.pointermove,function(e){t.view.hitTest(e).then(function(e){return j(t,void 0,void 0,function(){return O(this,function(e){return[2]})})})}),[2]})})},T);function T(e){var t=P.call(this)||this;return t.marksymbol=null,t.polylinesymbol=null,t.polygonsymbol=null,t.displayedLayerid="",t.view=null,t.drawlayerscollection=[],t.init(e),t.polygonsymbol={type:"simple-fill",color:[255,255,255,.6],style:"solid",outline:{color:[255,255,0,.8],width:2}},t.polylinesymbol={type:"simple-line",color:[255,255,255,1],width:"4px",style:"solid"},t.marksymbol={type:"simple-marker",style:"circle",color:[255,255,0,1],size:"24px",outline:{color:[255,255,255,.8],width:1}},t}var H,G,Z=(H=function(e,t){return(H=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}H(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),J=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},F=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},D=(Z(q,G=e),q.prototype.add=function(a){var l=this;g(["esri/layers/echartsLayer"]).then(function(e){var t=e[0],i=document.getElementsByClassName("esri-view-surface")[0],r=document.getElementById(l.displayedLayerid);null!==r&&i.removeChild(r);var o=[];l.datas=a.datas,a.datas.forEach(function(e,t){o.push({name:"Top10",type:"effectScatter",coordinateSystem:"arcgis",zlevel:2,showEffectOn:"render",rippleEffect:{brushType:"stroke"},legendHoverLink:!0,hoverAnimation:!0,symbol:null==e.symbol||void 0===e.symbol?"diamond":e.symbol,cursor:"pointer",label:{normal:{show:!0,position:null==e.labelposition||void 0===e.labelposition?"right":e.labelposition,formatter:"{b}"}},tooltip:{padding:10,backgroundColor:"#222",borderColor:"#777",borderWidth:1},symbolSize:function(e){return e[2]/8},itemStyle:{normal:{color:e.color,shadowBlur:10,shadowColor:"#333"}},data:[{name:e.name,value:[e.x,e.y].concat([e.value])}]})});var n={title:{text:"",subtext:"",left:"center",textStyle:{color:"#fff"}},series:o};new t(l.view,"",l.displayedLayerid).setChartOption(n)})},q.prototype.update=function(a){var l=this;g(["esri/layers/echartsLayer"]).then(function(e){var t=e[0],i=document.getElementsByClassName("esri-view-surface")[0],r=document.getElementById(l.displayedLayerid);null!==r&&i.removeChild(r);var o=[];l.datas=a.datas,a.datas.forEach(function(e,t){o.push({name:"Top10",type:"effectScatter",coordinateSystem:"arcgis",zlevel:2,showEffectOn:"render",rippleEffect:{brushType:"stroke"},legendHoverLink:!0,hoverAnimation:!0,symbol:null==e.symbol||void 0===e.symbol?"diamond":e.symbol,cursor:"pointer",label:{normal:{show:!0,position:null==e.labelposition||void 0===e.labelposition?"right":e.labelposition,formatter:"{b}"}},tooltip:{padding:10,backgroundColor:"#222",borderColor:"#777",borderWidth:1},symbolSize:function(e){return e[2]/8},itemStyle:{normal:{color:e.color,shadowBlur:10,shadowColor:"#333"}},data:[{name:e.name,value:[e.x,e.y].concat([e.value])}]})});var n={title:{text:"",subtext:"",left:"center",textStyle:{color:"#fff"}},series:o};new t(l.view,"",l.displayedLayerid).setChartOption(n)})},q.prototype.delete=function(){var e=document.getElementsByClassName("esri-view-surface")[0],t=document.getElementById(this.displayedLayerid);null!==t&&e.removeChild(t)},q.prototype.init=function(t){return J(this,void 0,void 0,function(){var s=this;return F(this,function(e){return this.view=t,this.displayedLayerid=(new L).uuid,g(["esri/geometry/Point","esri/geometry/SpatialReference","esri/geometry/support/webMercatorUtils"]).then(function(e){var a=e[0],l=e[1];e[2],s.view.on(k.click,function(r){if(s.datas.length){var i=s.datas.map(function(e){var t=new a({x:e.x,y:e.y,spatialReference:l.WebMercator}),i=s.view.toScreen(t);return Math.sqrt((i.x-r.x)*(i.x-r.x)+(i.y-r.y)*(i.y-r.y))}),o=0;i.forEach(function(e,t){e<i[o]&&(o=t)}),35<i[o]||s.emit(k.click,s.datas[o],r.mapPoint)}}),s.view.on(k.doubleclick,function(r){if(s.datas.length){var i=s.datas.map(function(e){var t=new a({x:e.x,y:e.y,spatialReference:l.WebMercator}),i=s.view.toScreen(t);return Math.sqrt((i.x-r.x)*(i.x-r.x)+(i.y-r.y)*(i.y-r.y))}),o=0;i.forEach(function(e,t){e<i[o]&&(o=t)}),35<i[o]||s.emit(k.doubleclick,s.datas[o],r.mapPoint)}}),s.view.on(k.pointermove,function(n){s.view.hitTest(n).then(function(t){return J(s,void 0,void 0,function(){var i,r,o=this;return F(this,function(e){if(0<t.results.length&&t.results[0].graphic.layer.id===this.displayedLayerid){if(!this.datas.length)return[2];if(i=this.datas.map(function(e){var t=new a({x:e.x,y:e.y,spatialReference:l.WebMercator}),i=o.view.toScreen(t);return Math.sqrt((i.x-n.x)*(i.x-n.x)+(i.y-n.y)*(i.y-n.y))}),r=0,i.forEach(function(e,t){e<i[r]&&(r=t)}),35<i[r])return[2];this.emit(k.pointermove,this.datas[r],this.view.toMap({x:n.x,y:n.y}))}return[2]})})})})}),[2]})})},q);function q(e){var t=G.call(this)||this;return t.displayedLayerid="",t.view=null,t.datas=null,t.init(e),t}var N,X,Y=(N=function(e,t){return(N=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}N(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),V=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},U=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},Q=(Y($,X=e),$.prototype.createFeatureGroup=function(h){var v=this,e=this.view.map.findLayerById(this.displayedLayerid);e&&(this.view.map.remove(e),this.mapoverlayersflayer=[]),g(["esri/layers/FeatureLayer","esri/layers/support/LabelClass","esri/Graphic","esri/geometry/Point","esri/symbols/PictureMarkerSymbol"]).then(function(e){var t=e[0],i=e[1],r=e[2],o=e[3];if(e[4],"group"===h.type){var n,a=[{name:"objectId",alias:"objectId",type:"oid"},{name:"uuid",alias:"唯一标识",type:"string"}];if(a.push({name:"style",alias:"样式",type:"string"}),h.datafiled.forEach(function(e){a.push(e)}),"marker"===h.overlaytype.toLowerCase()){h.renderer?n=h.renderer:(n={type:"unique-value",field:"style",uniqueValueInfos:[]},h.style.forEach(function(e){"3d"===v.view.type?n.uniqueValueInfos.push({value:e.style,label:e.style,symbol:{type:"point-3d",symbolLayers:[{type:"icon",size:e.size.height,resource:{href:e.url}}]}}):n.uniqueValueInfos.push({value:e.style,label:e.style,symbol:{type:"picture-marker",url:e.url,width:e.size.height,height:e.size.height}})}));var l=new t({id:v.displayedLayerid,title:v.displayedLayerid,objectIdField:"objectId",geometryType:"point",renderer:n,screenSizePerspectiveEnabled:"3d"===v.view.type,popupEnabled:!1,popupTemplate:!1,fields:a,source:[],spatialReference:v.view.spatialReference});if(h.elevationInfo&&(l.elevationInfo=h.elevationInfo),v.view.map.add(l),h.overlayers.forEach(function(e){if(e.attributes&&e.position){e.attributes.uuid=e.uuid;var t=new r({geometry:new o({x:e.position[0],y:e.position[1],z:void 0===e.position[2]?0:e.position[2],spatialReference:v.view.spatialReference}),attributes:e.attributes});l.source.add(t),v.mapoverlayersflayer.push([h.uuid,e.uuid,t])}}),100<l.source.items.length&&null!=h.frreduction&&(l.featureReduction={type:h.frreduction.type,clusterRadius:h.frreduction.clusterRadius}),h.label.visible){var s=void 0;if(h.label.labelingInfo)s=h.label.labelingInfo,l.labelingInfo=s;else{var u=new i({labelExpressionInfo:{expression:"$feature.NAME"},symbol:s="2d"===v.view.type?{type:h.label.type,text:h.label.text,color:h.label.color,angle:h.label.angle,backgroundColor:h.label.backgroundColor,borderLineColor:h.label.borderLineColor,borderLineSize:h.label.borderLineSize,kerning:h.label.kerning,lineHeight:h.label.lineHeight,lineWidth:h.label.lineWidth,rotated:h.label.rotated,haloColor:h.label.haloColor,haloSize:h.label.haloSize,xoffset:h.label.xoffset,yoffset:h.label.yoffset,verticalAlignment:h.label.verticalAlignment,horizontalAlignment:h.label.horizontalAlignment,font:{size:h.label.size,family:"Josefin Slab",weight:h.label.weight}}:{type:"label-3d",symbolLayers:[{type:"text",material:{color:h.label.color},size:h.label.size,halo:{color:h.label.haloColor,size:h.label.haloSize}}]},labelPlacement:h.label.placement,minScale:h.label.minScale,maxScale:h.label.maxScale});l.labelingInfo=[u]}}}}else if("element"===h.type&&"marker"===h.overlaytype.toLowerCase()){var d=void 0;d=h.renderer?h.renderer:"3d"===v.view.type?{type:"simple",symbol:{type:"point-3d",symbolLayers:[{type:"icon",size:h.icon.size.width,resource:{href:h.icon.image}}]}}:{type:"simple",symbol:{type:"picture-marker",url:h.icon.image,width:h.icon.size.width,height:h.icon.size.height}};var y=[{name:"objectId",alias:"objectId",type:"oid"},{name:"uuid",alias:"唯一标识",type:"string"}];Object.keys(h.attributes).forEach(function(e){y.push({name:e,alias:e,type:"string"})});var c=new t({id:v.displayedLayerid,title:v.displayedLayerid,objectIdField:"objectId",geometryType:"point",renderer:d,screenSizePerspectiveEnabled:!0,popupEnabled:!1,popupTemplate:!1,fields:y,source:[],spatialReference:v.view.spatialReference});if(h.elevationInfo&&(c.elevationInfo=h.elevationInfo),h.position&&h.attributes){var p=h.attributes;p.uuid=h.uuid;var f=new r({geometry:new o({x:h.position[0],y:h.position[1],z:void 0===h.position[2]?0:h.position[2],spatialReference:v.view.spatialReference}),attributes:p});c.source.add(f),v.mapoverlayersflayer.push([h.uuid,h.uuid,f])}v.view.map.add(c),h.label.visible&&(s=void 0,h.label.labelingInfo?(s=h.label.labelingInfo,c.labelingInfo=s):(u=new i({labelExpressionInfo:{expression:"$feature.NAME"},symbol:s="2d"===v.view.type?{type:h.label.type,text:h.label.text,color:h.label.color,angle:h.label.angle,backgroundColor:h.label.backgroundColor,borderLineColor:h.label.borderLineColor,borderLineSize:h.label.borderLineSize,kerning:h.label.kerning,lineHeight:h.label.lineHeight,lineWidth:h.label.lineWidth,rotated:h.label.rotated,haloColor:h.label.haloColor,haloSize:h.label.haloSize,xoffset:h.label.xoffset,yoffset:h.label.yoffset,verticalAlignment:h.label.verticalAlignment,horizontalAlignment:h.label.horizontalAlignment,font:{size:h.label.size,family:"Josefin Slab",weight:h.label.weight}}:{type:"label-3d",symbolLayers:[{type:"text",material:{color:h.label.color},size:h.label.size,halo:{color:h.label.haloColor,size:h.label.haloSize}}]},labelPlacement:h.label.placement,minScale:h.label.minScale,maxScale:h.label.maxScale}),c.labelingInfo=[u]))}})},$.prototype.addfeature=function(l){var s=this;g(["esri/layers/FeatureLayer","esri/layers/support/LabelClass","esri/Graphic","esri/geometry/Point","esri/symbols/PictureMarkerSymbol"]).then(function(e){e[0],e[1];var r=e[2],o=e[3],t=(e[4],s.view.map.findLayerById(s.displayedLayerid));if(t)if(l instanceof Array){var n=[];l.forEach(function(e){if("marker"===e.overlaytype.toLowerCase()){var t=e.attributes;t.uuid=e.uuid;var i=new r({geometry:new o({x:e.position[0],y:e.position[1],z:void 0===e.position[2]?0:e.position[2],spatialReference:s.view.spatialReference}),attributes:t});n.push(i),s.mapoverlayersflayer.push([e.uuid,e.uuid,i])}}),t.applyEdits({addFeatures:n}).then(function(e){})}else if("marker"===l.overlaytype.toLowerCase()){var i=l.attributes;i.uuid=l.uuid;var a=new r({geometry:new o({x:l.position[0],y:l.position[1],z:void 0===l.position[2]?0:l.position[2],spatialReference:s.view.spatialReference}),attributes:i});t.applyEdits({addFeatures:[a]}).then(function(e){}),s.mapoverlayersflayer.push([l.uuid,l.uuid,a])}})},$.prototype.updatefeature=function(a){var l=this;g(["esri/layers/FeatureLayer","esri/layers/support/LabelClass","esri/Graphic","esri/geometry/Point","esri/symbols/PictureMarkerSymbol","esri/geometry/Polyline","esri/geometry/Polygon"]).then(function(e){e[0],e[1],e[2];var o=e[3];if(e[4],e[5],e[6],l.view.map.findLayerById(l.displayedLayerid))if(a instanceof Array){var r=[];a.forEach(function(t){var i=l.mapoverlayersflayer.filter(function(e){return e[1]===t.uuid});if(1===i.length){var e=new o({x:t.position[0],y:t.position[1],z:void 0===t.position[2]?0:t.position[2],spatialReference:l.view.spatialReference});i[0][2].geometry=e,Object.keys(t.attributes).map(function(e){"objectId"!==e&&i[0][2].setAttribute(e,t.attributes[e])}),r.push(i[0][2])}}),(t=l.view.map.findLayerById(l.displayedLayerid))&&r.length&&t.applyEdits({updateFeatures:r}).then(function(e){})}else if("group"===a.type){var t,n=[];a.overlayers.forEach(function(t){var i=l.mapoverlayersflayer.filter(function(e){return e[1]===t.uuid});if(1===i.length){var e=new o({x:t.position[0],y:t.position[1],z:void 0===t.position[2]?0:t.position[2],spatialReference:l.view.spatialReference});i[0][2].geometry=e,Object.keys(t.attributes).map(function(e){"objectId"!==e&&i[0][2].setAttribute(e,t.attributes[e])}),n.push(i[0][2])}}),(t=l.view.map.findLayerById(l.displayedLayerid))&&n.length&&t.applyEdits({updateFeatures:n}).then(function(e){})}else"element"===a.type&&l.mapoverlayersflayer.filter(function(e){return e[1]===a.uuid}).forEach(function(t){var e=[];a.attributes.uuid=a.uuid;var i=new o({x:a.position[0],y:a.position[1],z:void 0===a.position[2]?0:a.position[2],spatialReference:l.view.spatialReference});t[2].geometry=i,Object.keys(a.attributes).map(function(e){"objectId"!==e&&t[2].setAttribute(e,a.attributes[e])}),e.push(t[2]);var r=l.view.map.findLayerById(l.displayedLayerid);r&&e.length&&r.applyEdits({updateFeatures:e}).then(function(e){})})})},$.prototype.removefeature=function(t){var e=this;if(this.view.map.findLayerById(this.displayedLayerid))if(t instanceof Array){var i=[];t.forEach(function(t){e.mapoverlayersflayer.filter(function(e){return e[1]===t.uuid}).forEach(function(e){i.push(e[2])}),e.mapoverlayersflayer=e.mapoverlayersflayer.filter(function(e){return e[1]!==t.uuid})}),(n=this.view.map.findLayerById(this.displayedLayerid))&&i.length&&n.applyEdits({deleteFeatures:i}).then(function(e){})}else if("group"===t.type){var r=this.mapoverlayersflayer.filter(function(e){return e[0]===t.uuid}),o=[];r.forEach(function(e){o.push(e[2])}),(n=this.view.map.findLayerById(this.displayedLayerid))&&o.length&&n.applyEdits({deleteFeatures:o}).then(function(e){}),this.mapoverlayersflayer=this.mapoverlayersflayer.filter(function(e){return e[0]!==t.uuid})}else if("element"===t.type){r=this.mapoverlayersflayer.filter(function(e){return e[1]===t.uuid});var n,a=[];r.forEach(function(e){a.push(e[2])}),(n=this.view.map.findLayerById(this.displayedLayerid))&&a.length&&n.applyEdits({deleteFeatures:a}).then(function(e){}),this.mapoverlayersflayer=this.mapoverlayersflayer.filter(function(e){return e[1]!==t.uuid})}},$.prototype.removeAll=function(){var t=this,e=this.view.map.findLayerById(this.displayedLayerid);if(e){var i=[];this.mapoverlayersflayer.forEach(function(e){i.push(e[2])}),e.applyEdits({deleteFeatures:i}).then(function(e){t.mapoverlayersflayer=[]})}},$.prototype.delete=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(this.view.map.remove(e),this.mapoverlayersflayer=[])},$.prototype.init=function(i){return V(this,void 0,void 0,function(){var t=this;return U(this,function(e){return this.displayedLayerid=(new L).uuid,this.view=i,this.view.on(k.click,function(n){t.view.hitTest(n).then(function(o){return V(t,void 0,void 0,function(){var t,i,r=this;return U(this,function(e){return 0<o.results.length&&o.results[0].graphic.layer.id===this.displayedLayerid&&(t=o.results[0].graphic.attributes.objectId,(i=o.results[0].graphic.layer.createQuery()).where="objectId ="+t,o.results[0].graphic.layer.queryFeatures(i).then(function(e){0<e.features.length&&r.emit(k.click,e.features,n.mapPoint)})),[2]})})})}),this.view.on(k.pointermove,function(n){t.view.hitTest(n).then(function(o){return V(t,void 0,void 0,function(){var t,i,r=this;return U(this,function(e){return 0<o.results.length&&o.results[0].graphic.layer.id===this.displayedLayerid&&(t=o.results[0].graphic.attributes.objectId,(i=o.results[0].graphic.layer.createQuery()).where="objectId ="+t,o.results[0].graphic.layer.queryFeatures(i).then(function(e){0<e.features.length&&r.emit(k.pointermove,e.features,r.view.toMap({x:n.x,y:n.y}))})),[2]})})})}),[2]})})},$);function $(e){var t=X.call(this)||this;return t.displayedLayerid="",t.view=null,t.mapoverlayersflayer=[],t.init(e),t}var K,ee,te=(K=function(e,t){return(K=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}K(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),ie=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},re=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},oe=(te(ne,ee=e),ne.prototype.add=function(o){var n=this;g(["smiapi/utils/FlashPoint3DLayer","esri/geometry/Point","esri/views/3d/externalRenderers"]).then(function(e){var t=e[0],i=e[1],r=e[2];n.falshpoint3DRenderer=new t({nring:o.nring,spead:o.spead,size:o.size,color:o.color,view:o.view,points:o.points},function(e){var t=null;null!=e&&(t=new i({x:e.x,y:e.y,spatialReference:{wkid:102100}})),n.emit(k.click,e,t)},function(e){var t=null;null!=e&&(t=new i({x:e.x,y:e.y,spatialReference:{wkid:102100}})),n.emit(k.pointermove,e,t)}),r.add(n.view,n.falshpoint3DRenderer)})},ne.prototype.remove=function(){var t=this;g(["esri/views/3d/externalRenderers"]).then(function(e){e[0].remove(t.view,t.falshpoint3DRenderer)})},ne.prototype.init=function(t){return ie(this,void 0,void 0,function(){return re(this,function(e){return this.view=t,[2]})})},ne);function ne(e){var t=ee.call(this)||this;return t.view=null,t.falshpoint3DRenderer=null,t.init(e),t}var ae,le,se=(ae=function(e,t){return(ae=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}ae(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),ue=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},de=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},ye=(se(ce,le=e),ce.prototype.add=function(C){var S=this;g(["esri/Graphic","esri/geometry/Point","esri/layers/GraphicsLayer","esri/symbols/PictureMarkerSymbol","esri/geometry/Polyline","esri/geometry/Polygon"]).then(function(e){var g=e[0],L=e[1],t=e[2],x=(e[3],e[4]),k=e[5],i=S.view.map.findLayerById(S.displayedLayerid);if(i||(i=new t({id:S.displayedLayerid,title:S.displayedLayerid}),S.view.map.add(i)),C instanceof Array)C.forEach(function(e){if("marker"===e.overlaytype.toLowerCase()){var t=void 0;t=e.symbol?e.symbol:"2d"===S.view.type?{type:"picture-marker",url:e.icon.image,width:e.icon.size.width,height:e.icon.size.height}:{type:"point-3d",symbolLayers:[{type:"icon",size:e.icon.size.width,resource:{href:e.icon.image}}]};var i=e.attributes;i.uuid=e.uuid;var r=new g({geometry:new L({x:e.position[0],y:e.position[1],z:void 0===e.position[2]?0:e.position[2],spatialReference:S.view.spatialReference}),symbol:t,attributes:i});if(S.mapoverlayers.push(["smap-default",e.uuid,r]),(v=S.view.map.findLayerById(S.displayedLayerid))&&v.add(r),e.label.visible){var o=null;o=e.label.labelingInfo?e.label.labelingInfo:{type:e.label.type,text:e.label.text,color:e.label.color,angle:e.label.angle,backgroundColor:e.label.backgroundColor,borderLineColor:e.label.borderLineColor,borderLineSize:e.label.borderLineSize,kerning:e.label.kerning,lineHeight:e.label.lineHeight,lineWidth:e.label.lineWidth,rotated:e.label.rotated,haloColor:e.label.haloColor,haloSize:e.label.haloSize,xoffset:e.label.xoffset,yoffset:e.label.yoffset,verticalAlignment:e.label.verticalAlignment,horizontalAlignment:e.label.horizontalAlignment,font:{size:e.label.size,family:"Josefin Slab",weight:e.label.weight}};var n=new g({geometry:new L({x:"3d"===S.view.type?e.position[0]+e.label.xoffset:e.position[0],y:"3d"===S.view.type?e.position[1]+e.label.yoffset:e.position[1],z:"3d"===S.view.type?e.position[2]+e.label.zoffset:e.position[2],spatialReference:S.view.spatialReference}),symbol:o,attributes:i});(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(n),S.mapoverlayers.push(["smap-default",e.uuid,n])}}else if("polyline"===e.overlaytype.toLowerCase()){var a=null;a=e.symbol?e.symbol:{type:"simple-line",color:e.strokeColor,style:e.style,width:e.width,cap:e.cap,join:e.lineJoin};var l=[];e.path.forEach(function(e){l.push([e.X,e.Y,e.Z])});var s=new x({hasZ:!1,hasM:!1,paths:l,spatialReference:S.view.spatialReference}),u=e.attributes;u.uuid=e.uuid;var d=new g({geometry:s,symbol:a,attributes:u});if(S.mapoverlayers.push(["smap-default",e.uuid,d]),(v=S.view.map.findLayerById(S.displayedLayerid))&&v.add(d),e.label.visible){var y=null;y=e.label.labelingInfo?e.label.labelingInfo:{type:e.label.type,text:e.label.text,color:e.label.color,angle:e.label.angle,backgroundColor:e.label.backgroundColor,borderLineColor:e.label.borderLineColor,borderLineSize:e.label.borderLineSize,kerning:e.label.kerning,lineHeight:e.label.lineHeight,lineWidth:e.label.lineWidth,rotated:e.label.rotated,haloColor:e.label.haloColor,haloSize:e.label.haloSize,xoffset:e.label.xoffset,yoffset:e.label.yoffset,verticalAlignment:e.label.verticalAlignment,horizontalAlignment:e.label.horizontalAlignment,font:{size:e.label.size,family:"Josefin Slab",weight:e.label.weight}},n=new g({geometry:d.geometry.extent.center,symbol:y,attributes:u}),(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(n),S.mapoverlayers.push(["smap-default",e.uuid,n])}}else if("polygon"===e.overlaytype.toLowerCase()){var c=void 0;c=e.symbol?e.symbol:"simple"===e.symboltype?{type:"simple-fill",color:e.fillColor,style:e.style,outline:{color:e.strokeColor,width:e.strokeWeight,style:e.strokestyle}}:{type:"picture-fill",url:e.url,width:e.picwidth,height:e.picheight,outline:{style:e.strokestyle,color:e.strokeColor,width:e.strokeWeight}};var p=[];e.paths.forEach(function(e){p.push([e.X,e.Y,e.Z])});var f=new k({hasZ:!0,hasM:!0,rings:p,spatialReference:S.view.spatialReference}),h=e.attributes;h.uuid=e.uuid;var v,b=new g({geometry:f,symbol:c,attributes:h});if(S.mapoverlayers.push(["smap-default",e.uuid,b]),(v=S.view.map.findLayerById(S.displayedLayerid))&&v.add(b),e.label.visible){var m,w=null;w=e.label.labelingInfo?e.label.labelingInfo:{type:e.label.type,text:e.label.text,color:e.label.color,angle:e.label.angle,backgroundColor:e.label.backgroundColor,borderLineColor:e.label.borderLineColor,borderLineSize:e.label.borderLineSize,kerning:e.label.kerning,lineHeight:e.label.lineHeight,lineWidth:e.label.lineWidth,rotated:e.label.rotated,haloColor:e.label.haloColor,haloSize:e.label.haloSize,xoffset:e.label.xoffset,yoffset:e.label.yoffset,verticalAlignment:e.label.verticalAlignment,horizontalAlignment:e.label.horizontalAlignment,font:{size:e.label.size,family:"Josefin Slab",weight:e.label.weight}},n=new g({geometry:b.geometry.extent.center,symbol:w,attributes:h}),(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(n),S.mapoverlayers.push(["smap-default",e.uuid,n])}}});else if("group"===C.type)C.overlayers.forEach(function(e){if("marker"===e.overlaytype.toLowerCase()){var t=void 0;t=e.symbol?e.symbol:"2d"===S.view.type?{type:"picture-marker",url:e.icon.image,width:e.icon.size.width,height:e.icon.size.height}:{type:"point-3d",symbolLayers:[{type:"icon",size:e.icon.size.width,resource:{href:e.icon.image}}]};var i=e.attributes;i.uuid=e.uuid;var r=new g({geometry:new L({x:e.position[0],y:e.position[1],z:void 0===e.position[2]?0:e.position[2],spatialReference:S.view.spatialReference}),symbol:t,attributes:i});if(S.mapoverlayers.push([C.uuid,e.uuid,r]),(h=S.view.map.findLayerById(S.displayedLayerid))&&h.add(r),e.label.visible){var o=null;o=e.label.labelingInfo?e.label.labelingInfo:{type:e.label.type,text:e.label.text,color:e.label.color,angle:e.label.angle,backgroundColor:e.label.backgroundColor,borderLineColor:e.label.borderLineColor,borderLineSize:e.label.borderLineSize,kerning:e.label.kerning,lineHeight:e.label.lineHeight,lineWidth:e.label.lineWidth,rotated:e.label.rotated,haloColor:e.label.haloColor,haloSize:e.label.haloSize,xoffset:e.label.xoffset,yoffset:e.label.yoffset,verticalAlignment:e.label.verticalAlignment,horizontalAlignment:e.label.horizontalAlignment,font:{size:e.label.size,family:"Josefin Slab",weight:e.label.weight}};var n=new g({geometry:new L({x:"3d"===S.view.type?e.position[0]+e.label.xoffset:e.position[0],y:"3d"===S.view.type?e.position[1]+e.label.yoffset:e.position[1],z:"3d"===S.view.type?e.position[2]+e.label.zoffset:e.position[2],spatialReference:S.view.spatialReference}),symbol:o,attributes:i});(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(n),S.mapoverlayers.push([C.uuid,e.uuid,n])}}else if("polyline"===e.overlaytype.toLowerCase()){var a=null;a=e.symbol?e.symbol:{type:"simple-line",color:e.strokeColor,style:e.style,width:e.width,cap:e.cap,join:e.lineJoin};var l=[];e.path.forEach(function(e){l.push([e.X,e.Y,e.Z])});var s=new x({hasZ:!1,hasM:!1,paths:l,spatialReference:S.view.spatialReference}),u=e.attributes;u.uuid=e.uuid;var d=new g({geometry:s,symbol:a,attributes:u});if(S.mapoverlayers.push([C.uuid,e.uuid,d]),(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(d),e.label.visible){var y=null;y=e.label.labelingInfo?e.label.labelingInfo:{type:e.label.type,text:e.label.text,color:e.label.color,angle:e.label.angle,backgroundColor:e.label.backgroundColor,borderLineColor:e.label.borderLineColor,borderLineSize:e.label.borderLineSize,kerning:e.label.kerning,lineHeight:e.label.lineHeight,lineWidth:e.label.lineWidth,rotated:e.label.rotated,haloColor:e.label.haloColor,haloSize:e.label.haloSize,xoffset:e.label.xoffset,yoffset:e.label.yoffset,verticalAlignment:e.label.verticalAlignment,horizontalAlignment:e.label.horizontalAlignment,font:{size:e.label.size,family:"Josefin Slab",weight:e.label.weight}},n=new g({geometry:d.geometry.extent.center,symbol:y,attributes:u}),(h=S.view.map.findLayerById(S.displayedLayerid))&&h.add(n),S.mapoverlayers.push([C.uuid,e.uuid,n])}}else if("polygon"===e.overlaytype.toLowerCase()){var c=void 0;c=e.symbol?e.symbol:"simple"===e.symboltype?{type:"simple-fill",color:e.fillColor,style:e.style,outline:{color:e.strokeColor,width:e.strokeWeight,style:e.strokestyle}}:{type:"picture-fill",url:e.url,width:e.picwidth,height:e.picheight,outline:{style:e.strokestyle,color:e.strokeColor,width:e.strokeWeight}};var p=[];e.paths.forEach(function(e){p.push([e.X,e.Y,e.Z])});var f=e.attributes;f.uuid=e.uuid;var h,v=new k({hasZ:!0,hasM:!0,rings:p,spatialReference:S.view.spatialReference}),b=new g({geometry:v,symbol:c,attributes:f});if(S.mapoverlayers.push([C.uuid,e.uuid,b]),(h=S.view.map.findLayerById(S.displayedLayerid))&&h.add(b),e.label.visible){var m,w=null;w=e.label.labelingInfo?e.label.labelingInfo:{type:e.label.type,text:e.label.text,color:e.label.color,angle:e.label.angle,backgroundColor:e.label.backgroundColor,borderLineColor:e.label.borderLineColor,borderLineSize:e.label.borderLineSize,kerning:e.label.kerning,lineHeight:e.label.lineHeight,lineWidth:e.label.lineWidth,rotated:e.label.rotated,haloColor:e.label.haloColor,haloSize:e.label.haloSize,xoffset:e.label.xoffset,yoffset:e.label.yoffset,verticalAlignment:e.label.verticalAlignment,horizontalAlignment:e.label.horizontalAlignment,font:{size:e.label.size,family:"Josefin Slab",weight:e.label.weight}},n=new g({geometry:b.geometry.extent.center,symbol:w,attributes:f}),(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(n),S.mapoverlayers.push([C.uuid,e.uuid,n])}}});else if("element"===C.type)if("marker"===C.overlaytype.toLowerCase()){var r=void 0;r=C.symbol?C.symbol:"2d"===S.view.type?{type:"picture-marker",url:C.icon.image,width:C.icon.size.width,height:C.icon.size.height}:{type:"point-3d",symbolLayers:[{type:"icon",size:C.icon.size.width,resource:{href:C.icon.image}}]};var o=C.attributes;o.uuid=C.uuid;var n=new g({geometry:new L({x:C.position[0],y:C.position[1],z:void 0===C.position[2]?0:C.position[2],spatialReference:S.view.spatialReference}),symbol:r,attributes:o});if(S.mapoverlayers.push(["smap-default",C.uuid,n]),(b=S.view.map.findLayerById(S.displayedLayerid))&&b.add(n),C.label.visible){var a=null;a=C.label.labelingInfo?C.label.labelingInfo:{type:C.label.type,text:C.label.text,color:C.label.color,angle:C.label.angle,backgroundColor:C.label.backgroundColor,borderLineColor:C.label.borderLineColor,borderLineSize:C.label.borderLineSize,kerning:C.label.kerning,lineHeight:C.label.lineHeight,lineWidth:C.label.lineWidth,rotated:C.label.rotated,haloColor:C.label.haloColor,haloSize:C.label.haloSize,xoffset:C.label.xoffset,yoffset:C.label.yoffset,verticalAlignment:C.label.verticalAlignment,horizontalAlignment:C.label.horizontalAlignment,font:{size:C.label.size,family:"Josefin Slab",weight:C.label.weight}};var l=new g({geometry:new L({x:"3d"===S.view.type?C.position[0]+C.label.xoffset:C.position[0],y:"3d"===S.view.type?C.position[1]+C.label.yoffset:C.position[1],z:"3d"===S.view.type?C.position[2]+C.label.zoffset:C.position[2],spatialReference:S.view.spatialReference}),symbol:a,attributes:o});(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(l),S.mapoverlayers.push(["smap-default",C.uuid,l])}}else if("polyline"===C.overlaytype.toLowerCase()){var s=null;s=C.symbol?C.symbol:{type:"simple-line",color:C.strokeColor,style:C.style,width:C.width,cap:C.cap,join:C.lineJoin};var u=[];C.path.forEach(function(e){u.push([e.X,e.Y,e.Z])});var d=new x({hasZ:!1,hasM:!1,paths:u,spatialReference:S.view.spatialReference}),y=C.attributes;y.uuid=C.uuid;var c=new g({geometry:d,symbol:s,attributes:y});if(S.mapoverlayers.push(["smap-default",C.uuid,c]),(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(c),C.label.visible){var p=null;p=C.label.labelingInfo?C.label.labelingInfo:{type:C.label.type,text:C.label.text,color:C.label.color,angle:C.label.angle,backgroundColor:C.label.backgroundColor,borderLineColor:C.label.borderLineColor,borderLineSize:C.label.borderLineSize,kerning:C.label.kerning,lineHeight:C.label.lineHeight,lineWidth:C.label.lineWidth,rotated:C.label.rotated,haloColor:C.label.haloColor,haloSize:C.label.haloSize,xoffset:C.label.xoffset,yoffset:C.label.yoffset,verticalAlignment:C.label.verticalAlignment,horizontalAlignment:C.label.horizontalAlignment,font:{size:C.label.size,family:"Josefin Slab",weight:C.label.weight}},l=new g({geometry:c.geometry.extent.center,symbol:p,attributes:y}),(b=S.view.map.findLayerById(S.displayedLayerid))&&b.add(l),S.mapoverlayers.push(["smap-default",C.uuid,l])}}else if("polygon"===C.overlaytype.toLowerCase()){var f=void 0;f=C.symbol?C.symbol:"simple"===C.symboltype?{type:"simple-fill",color:C.fillColor,style:C.style,outline:{color:C.strokeColor,width:C.strokeWeight,style:C.strokestyle}}:{type:"picture-fill",url:C.url,width:C.picwidth,height:C.picheight,outline:{style:C.strokestyle,color:C.strokeColor,width:C.strokeWeight}};var h=[];C.paths.forEach(function(e){h.push([e.X,e.Y,e.Z])});var v=C.attributes;v.uuid=C.uuid;var b,m,w=new k({hasZ:!0,hasM:!0,rings:h,spatialReference:S.view.spatialReference}),z=new g({geometry:w,symbol:f,attributes:v});if(S.mapoverlayers.push(["smap-default",C.uuid,z]),(b=S.view.map.findLayerById(S.displayedLayerid))&&b.add(z),C.label.visible)p=null,p=C.label.labelingInfo?C.label.labelingInfo:{type:C.label.type,text:C.label.text,color:C.label.color,angle:C.label.angle,backgroundColor:C.label.backgroundColor,borderLineColor:C.label.borderLineColor,borderLineSize:C.label.borderLineSize,kerning:C.label.kerning,lineHeight:C.label.lineHeight,lineWidth:C.label.lineWidth,rotated:C.label.rotated,haloColor:C.label.haloColor,haloSize:C.label.haloSize,xoffset:C.label.xoffset,yoffset:C.label.yoffset,verticalAlignment:C.label.verticalAlignment,horizontalAlignment:C.label.horizontalAlignment,font:{size:C.label.size,family:"Josefin Slab",weight:C.label.weight}},l=new g({geometry:z.geometry.extent.center,symbol:p,attributes:v}),(m=S.view.map.findLayerById(S.displayedLayerid))&&m.add(l),S.mapoverlayers.push(["smap-default",C.uuid,l])}}).catch(function(e){console.error(e)})},ce.prototype.remove=function(t){var i=this;t instanceof Array?t.forEach(function(t){i.mapoverlayers.filter(function(e){return e[1]===t.uuid}).forEach(function(e){var t=i.view.map.findLayerById(i.displayedLayerid);t&&t.remove(e[2])}),i.mapoverlayers=i.mapoverlayers.filter(function(e){return e[1]!==t.uuid})}):"group"===t.type?(this.mapoverlayers.filter(function(e){return e[0]===t.uuid}).forEach(function(e){var t=i.view.map.findLayerById(i.displayedLayerid);t&&t.remove(e[2])}),this.mapoverlayers=this.mapoverlayers.filter(function(e){return e[0]!==t.uuid})):"element"===t.type&&(this.mapoverlayers.filter(function(e){return e[1]===t.uuid}).forEach(function(e){var t=i.view.map.findLayerById(i.displayedLayerid);t&&t.remove(e[2])}),this.mapoverlayers=this.mapoverlayers.filter(function(e){return e[1]!==t.uuid}))},ce.prototype.update=function(z){var C=this;g(["esri/Graphic","esri/geometry/Point","esri/symbols/PictureMarkerSymbol","esri/geometry/Polyline","esri/geometry/Polygon"]).then(function(e){var g=e[0],L=e[1],x=(e[2],e[3]),k=e[4];if(z instanceof Array)z.forEach(function(t){if(C.mapoverlayers.filter(function(e){return e[1]===t.uuid}).forEach(function(e){var t=C.view.map.findLayerById(C.displayedLayerid);t&&t.remove(e[2])}),C.mapoverlayers=C.mapoverlayers.filter(function(e){return e[1]!==t.uuid}),"marker"===t.overlaytype.toLowerCase()){var e=void 0;e=t.symbol?t.symbol:"2d"===C.view.type?{type:"picture-marker",url:t.icon.image,width:t.icon.size.width,height:t.icon.size.height}:{type:"point-3d",symbolLayers:[{type:"icon",size:t.icon.size.width,resource:{href:t.icon.image}}]};var i=t.attributes;i.uuid=t.uuid;var r=new g({geometry:new L({x:t.position[0],y:t.position[1],z:void 0===t.position[2]?0:t.position[2],spatialReference:C.view.spatialReference}),symbol:e,attributes:i});if(C.mapoverlayers.push(["smap-default",t.uuid,r]),(v=C.view.map.findLayerById(C.displayedLayerid))&&v.add(r),t.label.visible){var o=null;o=t.label.labelingInfo?t.label.labelingInfo:{type:t.label.type,text:t.label.text,color:t.label.color,angle:t.label.angle,backgroundColor:t.label.backgroundColor,borderLineColor:t.label.borderLineColor,borderLineSize:t.label.borderLineSize,kerning:t.label.kerning,lineHeight:t.label.lineHeight,lineWidth:t.label.lineWidth,rotated:t.label.rotated,haloColor:t.label.haloColor,haloSize:t.label.haloSize,xoffset:t.label.xoffset,yoffset:t.label.yoffset,verticalAlignment:t.label.verticalAlignment,horizontalAlignment:t.label.horizontalAlignment,font:{size:t.label.size,family:"Josefin Slab",weight:t.label.weight}};var n=new g({geometry:new L({x:"3d"===C.view.type?t.position[0]+t.label.xoffset:t.position[0],y:"3d"===C.view.type?t.position[1]+t.label.yoffset:t.position[1],z:"3d"===C.view.type?t.position[2]+t.label.zoffset:t.position[2],spatialReference:C.view.spatialReference}),symbol:o,attributes:i});(m=C.view.map.findLayerById(C.displayedLayerid))&&m.add(n),C.mapoverlayers.push(["smap-default",t.uuid,n])}}else if("polyline"===t.overlaytype.toLowerCase()){var a=null;a=t.symbol?t.symbol:{type:"simple-line",color:t.strokeColor,style:t.style,width:t.width,cap:t.cap,join:t.lineJoin};var l=[];t.path.forEach(function(e){l.push([e.X,e.Y,e.Z])});var s=new x({hasZ:!1,hasM:!1,paths:l,spatialReference:C.view.spatialReference}),u=t.attributes;u.uuid=t.uuid;var d=new g({geometry:s,symbol:a,attributes:u});if(C.mapoverlayers.push(["smap-default",t.uuid,d]),(m=C.view.map.findLayerById(C.displayedLayerid))&&m.add(d),t.label.visible){var y=null;y=t.label.labelingInfo?t.label.labelingInfo:{type:t.label.type,text:t.label.text,color:t.label.color,angle:t.label.angle,backgroundColor:t.label.backgroundColor,borderLineColor:t.label.borderLineColor,borderLineSize:t.label.borderLineSize,kerning:t.label.kerning,lineHeight:t.label.lineHeight,lineWidth:t.label.lineWidth,rotated:t.label.rotated,haloColor:t.label.haloColor,haloSize:t.label.haloSize,xoffset:t.label.xoffset,yoffset:t.label.yoffset,verticalAlignment:t.label.verticalAlignment,horizontalAlignment:t.label.horizontalAlignment,font:{size:t.label.size,family:"Josefin Slab",weight:t.label.weight}},n=new g({geometry:d.geometry.extent.center,symbol:y,attributes:u}),(v=C.view.map.findLayerById(C.displayedLayerid))&&v.add(n),C.mapoverlayers.push(["smap-default",t.uuid,n])}}else if("polygon"===t.overlaytype.toLowerCase()){var c=void 0;c=t.symbol?t.symbol:"simple"===t.symboltype?{type:"simple-fill",color:t.fillColor,style:t.style,outline:{color:t.strokeColor,width:t.strokeWeight,style:t.strokestyle}}:{type:"picture-fill",url:t.url,width:t.picwidth,height:t.picheight,outline:{style:t.strokestyle,color:t.strokeColor,width:t.strokeWeight}};var p=[];t.paths.forEach(function(e){p.push([e.X,e.Y,e.Z])});var f=new k({hasZ:!0,hasM:!0,rings:p,spatialReference:C.view.spatialReference}),h=t.attributes;h.uuid=t.uuid;var v,b=new g({geometry:f,symbol:c,attributes:h});if(C.mapoverlayers.push(["smap-default",t.uuid,b]),(v=C.view.map.findLayerById(C.displayedLayerid))&&v.add(b),t.label.visible){var m,w=null;w=t.label.labelingInfo?t.label.labelingInfo:{type:t.label.type,text:t.label.text,color:t.label.color,angle:t.label.angle,backgroundColor:t.label.backgroundColor,borderLineColor:t.label.borderLineColor,borderLineSize:t.label.borderLineSize,kerning:t.label.kerning,lineHeight:t.label.lineHeight,lineWidth:t.label.lineWidth,rotated:t.label.rotated,haloColor:t.label.haloColor,haloSize:t.label.haloSize,xoffset:t.label.xoffset,yoffset:t.label.yoffset,verticalAlignment:t.label.verticalAlignment,horizontalAlignment:t.label.horizontalAlignment,font:{size:t.label.size,family:"Josefin Slab",weight:t.label.weight}},n=new g({geometry:b.geometry.extent.center,symbol:w,attributes:h}),(m=C.view.map.findLayerById(C.displayedLayerid))&&m.add(n),C.mapoverlayers.push(["smap-default",t.uuid,n])}}});else if("group"===z.type)C.mapoverlayers.filter(function(e){return e[0]===z.uuid}).forEach(function(e){var t=C.view.map.findLayerById(C.displayedLayerid);t&&t.remove(e[2])}),C.mapoverlayers=C.mapoverlayers.filter(function(e){return e[0]!==z.uuid}),z.overlayers.forEach(function(e){if("marker"===e.overlaytype.toLowerCase()){var t=void 0;t=e.symbol?e.symbol:"2d"===C.view.type?{type:"picture-marker",url:e.icon.image,width:e.icon.size.width,height:e.icon.size.height}:{type:"point-3d",symbolLayers:[{type:"icon",size:e.icon.size.width,resource:{href:e.icon.image}}]};var i=e.attributes;i.uuid=e.uuid;var r=new g({geometry:new L({x:e.position[0],y:e.position[1],z:void 0===e.position[2]?0:e.position[2],spatialReference:C.view.spatialReference}),symbol:t,attributes:i});if(C.mapoverlayers.push([z.uuid,e.uuid,r]),(h=C.view.map.findLayerById(C.displayedLayerid))&&h.add(r),e.label.visible){var o=null;o=e.label.labelingInfo?e.label.labelingInfo:{type:e.label.type,text:e.label.text,color:e.label.color,angle:e.label.angle,backgroundColor:e.label.backgroundColor,borderLineColor:e.label.borderLineColor,borderLineSize:e.label.borderLineSize,kerning:e.label.kerning,lineHeight:e.label.lineHeight,lineWidth:e.label.lineWidth,rotated:e.label.rotated,haloColor:e.label.haloColor,haloSize:e.label.haloSize,xoffset:e.label.xoffset,yoffset:e.label.yoffset,verticalAlignment:e.label.verticalAlignment,horizontalAlignment:e.label.horizontalAlignment,font:{size:e.label.size,family:"Josefin Slab",weight:e.label.weight}};var n=new g({geometry:new L({x:"3d"===C.view.type?e.position[0]+e.label.xoffset:e.position[0],y:"3d"===C.view.type?e.position[1]+e.label.yoffset:e.position[1],z:"3d"===C.view.type?e.position[2]+e.label.zoffset:e.position[2],spatialReference:C.view.spatialReference}),symbol:o,attributes:i});(m=C.view.map.findLayerById(C.displayedLayerid))&&m.add(n),C.mapoverlayers.push([z.uuid,e.uuid,n])}}else if("polyline"===e.overlaytype.toLowerCase()){var a=null;a=e.symbol?e.symbol:{type:"simple-line",color:e.strokeColor,style:e.style,width:e.width,cap:e.cap,join:e.lineJoin};var l=[];e.path.forEach(function(e){l.push([e.X,e.Y,e.Z])});var s=new x({hasZ:!1,hasM:!1,paths:l,spatialReference:C.view.spatialReference}),u=e.attributes;u.uuid=e.uuid;var d=new g({geometry:s,symbol:a,attributes:u});if(C.mapoverlayers.push([z.uuid,e.uuid,d]),(m=C.view.map.findLayerById(C.displayedLayerid))&&m.add(d),e.label.visible){var y=null;y=e.label.labelingInfo?e.label.labelingInfo:{type:e.label.type,text:e.label.text,color:e.label.color,angle:e.label.angle,backgroundColor:e.label.backgroundColor,borderLineColor:e.label.borderLineColor,borderLineSize:e.label.borderLineSize,kerning:e.label.kerning,lineHeight:e.label.lineHeight,lineWidth:e.label.lineWidth,rotated:e.label.rotated,haloColor:e.label.haloColor,haloSize:e.label.haloSize,xoffset:e.label.xoffset,yoffset:e.label.yoffset,verticalAlignment:e.label.verticalAlignment,horizontalAlignment:e.label.horizontalAlignment,font:{size:e.label.size,family:"Josefin Slab",weight:e.label.weight}},n=new g({geometry:d.geometry.extent.center,symbol:y,attributes:u}),(h=C.view.map.findLayerById(C.displayedLayerid))&&h.add(n),C.mapoverlayers.push([z.uuid,e.uuid,n])}}else if("polygon"===e.overlaytype.toLowerCase()){var c=void 0;c=e.symbol?e.symbol:"simple"===z.symboltype?{type:"simple-fill",color:z.fillColor,style:z.style,outline:{color:z.strokeColor,width:z.strokeWeight,style:z.strokestyle}}:{type:"picture-fill",url:z.url,width:z.picwidth,height:z.picheight,outline:{style:z.strokestyle,color:z.strokeColor,width:z.strokeWeight}};var p=[];z.paths.forEach(function(e){p.push([e.X,e.Y,e.Z])});var f=e.attributes;f.uuid=e.uuid;var h,v=new k({hasZ:!0,hasM:!0,rings:p,spatialReference:C.view.spatialReference}),b=new g({geometry:v,symbol:c,attributes:f});if(C.mapoverlayers.push(["smap-default",z.uuid,b]),(h=C.view.map.findLayerById(C.displayedLayerid))&&h.add(b),z.label.visible){var m,w=null;w=e.label.labelingInfo?e.label.labelingInfo:{type:z.label.type,text:z.label.text,color:z.label.color,angle:z.label.angle,backgroundColor:z.label.backgroundColor,borderLineColor:z.label.borderLineColor,borderLineSize:z.label.borderLineSize,kerning:z.label.kerning,lineHeight:z.label.lineHeight,lineWidth:z.label.lineWidth,rotated:z.label.rotated,haloColor:z.label.haloColor,haloSize:z.label.haloSize,xoffset:z.label.xoffset,yoffset:z.label.yoffset,verticalAlignment:z.label.verticalAlignment,horizontalAlignment:z.label.horizontalAlignment,font:{size:z.label.size,family:"Josefin Slab",weight:z.label.weight}},n=new g({geometry:b.geometry.extent.center,symbol:w,attributes:f}),(m=C.view.map.findLayerById(C.displayedLayerid))&&m.add(n),C.mapoverlayers.push(["smap-default",z.uuid,n])}}});else if("element"===z.type)if(C.mapoverlayers.filter(function(e){return e[1]===z.uuid}).forEach(function(e){var t=C.view.map.findLayerById(C.displayedLayerid);t&&t.remove(e[2])}),C.mapoverlayers=C.mapoverlayers.filter(function(e){return e[1]!==z.uuid}),"marker"===z.overlaytype.toLowerCase()){var t=void 0;t=z.symbol?z.symbol:"2d"===C.view.type?{type:"picture-marker",url:z.icon.image,width:z.icon.size.width,height:z.icon.size.height}:{type:"point-3d",symbolLayers:[{type:"icon",size:z.icon.size.width,resource:{href:z.icon.image}}]};var i=z.attributes;i.uuid=z.uuid;var r=new g({geometry:new L({x:z.position[0],y:z.position[1],z:void 0===z.position[2]?0:z.position[2],spatialReference:C.view.spatialReference}),symbol:t,attributes:i});if(C.mapoverlayers.push(["smap-default",z.uuid,r]),(v=C.view.map.findLayerById(C.displayedLayerid))&&v.add(r),z.label.visible){var o=null;o=z.label.labelingInfo?z.label.labelingInfo:{type:z.label.type,text:z.label.text,color:z.label.color,angle:z.label.angle,backgroundColor:z.label.backgroundColor,borderLineColor:z.label.borderLineColor,borderLineSize:z.label.borderLineSize,kerning:z.label.kerning,lineHeight:z.label.lineHeight,lineWidth:z.label.lineWidth,rotated:z.label.rotated,haloColor:z.label.haloColor,haloSize:z.label.haloSize,xoffset:z.label.xoffset,yoffset:z.label.yoffset,verticalAlignment:z.label.verticalAlignment,horizontalAlignment:z.label.horizontalAlignment,font:{size:z.label.size,family:"Josefin Slab",weight:z.label.weight}};var n=new g({geometry:new L({x:"3d"===C.view.type?z.position[0]+z.label.xoffset:z.position[0],y:"3d"===C.view.type?z.position[1]+z.label.yoffset:z.position[1],z:"3d"===C.view.type?z.position[2]+z.label.zoffset:z.position[2],spatialReference:C.view.spatialReference}),symbol:o,attributes:i});(b=C.view.map.findLayerById(C.displayedLayerid))&&b.add(n),C.mapoverlayers.push(["smap-default",z.uuid,n])}}else if("polyline"===z.overlaytype.toLowerCase()){var a=null;a=z.symbol?z.symbol:{type:"simple-line",color:z.strokeColor,style:z.style,width:z.width,cap:z.cap,join:z.lineJoin};var l=[];z.path.forEach(function(e){l.push([e.X,e.Y,e.Z])});var s=new x({hasZ:!1,hasM:!1,paths:l,spatialReference:C.view.spatialReference}),u=z.attributes;u.uuid=z.uuid;var d=new g({geometry:s,symbol:a,attributes:u});if(C.mapoverlayers.push(["smap-default",z.uuid,d]),(b=C.view.map.findLayerById(C.displayedLayerid))&&b.add(d),z.label.visible){var y=null;y=z.label.labelingInfo?z.label.labelingInfo:{type:z.label.type,text:z.label.text,color:z.label.color,angle:z.label.angle,backgroundColor:z.label.backgroundColor,borderLineColor:z.label.borderLineColor,borderLineSize:z.label.borderLineSize,kerning:z.label.kerning,lineHeight:z.label.lineHeight,lineWidth:z.label.lineWidth,rotated:z.label.rotated,haloColor:z.label.haloColor,haloSize:z.label.haloSize,xoffset:z.label.xoffset,yoffset:z.label.yoffset,verticalAlignment:z.label.verticalAlignment,horizontalAlignment:z.label.horizontalAlignment,font:{size:z.label.size,family:"Josefin Slab",weight:z.label.weight}},n=new g({geometry:d.geometry.extent.center,symbol:y,attributes:u}),(v=C.view.map.findLayerById(C.displayedLayerid))&&v.add(n),C.mapoverlayers.push(["smap-default",z.uuid,n])}}else if("polygon"===z.overlaytype.toLowerCase()){var c=void 0;c=z.symbol?z.symbol:"simple"===z.symboltype?{type:"simple-fill",color:z.fillColor,style:z.style,outline:{color:z.strokeColor,width:z.strokeWeight,style:z.strokestyle}}:{type:"picture-fill",url:z.url,width:z.picwidth,height:z.picheight,outline:{style:z.strokestyle,color:z.strokeColor,width:z.strokeWeight}};var p=[];z.paths.forEach(function(e){p.push([e.X,e.Y,e.Z])});var f=new k({hasZ:!0,hasM:!0,rings:p,spatialReference:C.view.spatialReference}),h=z.attributes;h.uuid=z.uuid;var v,b,m=new g({geometry:f,symbol:c,attributes:h});if(C.mapoverlayers.push(["smap-default",z.uuid,m]),(v=C.view.map.findLayerById(C.displayedLayerid))&&v.add(m),z.label.visible)y=null,y=z.label.labelingInfo?z.label.labelingInfo:{type:z.label.type,text:z.label.text,color:z.label.color,angle:z.label.angle,backgroundColor:z.label.backgroundColor,borderLineColor:z.label.borderLineColor,borderLineSize:z.label.borderLineSize,kerning:z.label.kerning,lineHeight:z.label.lineHeight,lineWidth:z.label.lineWidth,rotated:z.label.rotated,haloColor:z.label.haloColor,haloSize:z.label.haloSize,xoffset:z.label.xoffset,yoffset:z.label.yoffset,verticalAlignment:z.label.verticalAlignment,horizontalAlignment:z.label.horizontalAlignment,font:{size:z.label.size,family:"Josefin Slab",weight:z.label.weight}},n=new g({geometry:m.geometry.extent.center,symbol:y,attributes:h}),(b=C.view.map.findLayerById(C.displayedLayerid))&&b.add(n),C.mapoverlayers.push(["smap-default",z.uuid,n])}})},ce.prototype.removeAll=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(e.removeAll(),this.mapoverlayers=[])},ce.prototype.delete=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(this.view.map.remove(e),this.mapoverlayers=[])},ce.prototype.init=function(t){return ue(this,void 0,void 0,function(){var r=this;return de(this,function(e){return this.displayedLayerid=(new L).uuid,this.view=t,this.view.on(k.click,function(i){r.view.hitTest(i).then(function(t){return ue(r,void 0,void 0,function(){return de(this,function(e){return 0<t.results.length&&t.results[0].graphic.layer.id===this.displayedLayerid&&this.emit(k.click,t,i.mapPoint),[2]})})})}),this.view.on(k.pointermove,function(i){r.view.hitTest(i).then(function(t){return ue(r,void 0,void 0,function(){return de(this,function(e){return 0<t.results.length&&t.results[0].graphic.layer.id===this.displayedLayerid&&this.emit(k.pointermove,t,this.view.toMap({x:i.x,y:i.y})),[2]})})})}),[2]})})},ce);function ce(e){var t=le.call(this)||this;return t.displayedLayerid="",t.view=null,t.mapoverlayers=[],t.init(e),t}var pe,fe,he=(pe=function(e,t){return(pe=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}pe(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),ve=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},be=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},me=(he(we,fe=e),we.prototype.add=function(r){var o=this;g(["smiapi/utils/HeatMapLayer"]).then(function(e){var t=e[0],i={container:document.getElementById(r.container),radius:r.radius||30,maxOpacity:r.maxOpacity||.8,minOpacity:r.minOpacity||0,blur:r.blur||.7,gradient:r.gradient||{0:"rgb(0,0,0)",.3:"rgb(0,0,255)",.8:"rgb(0,255,0)",.98:"rgb(255,255,0)",1:"rgb(255,0,0)"}};o.heatmaplayer=new t(o.view,i,r.datas,r.h337,r.id),o.heatmaplayer.addData()})},we.prototype.remove=function(e){var t=document.getElementsByClassName("esri-view-surface")[0],i=document.getElementById(e);null!=i&&t.removeChild(i)},we.prototype.refreshdata=function(e){this.heatmaplayer.setVisible(!0),this.heatmaplayer.freshenLayerData(e)},we.prototype.show=function(){this.heatmaplayer.setVisible(!0)},we.prototype.hide=function(){this.heatmaplayer.setVisible(!1)},we.prototype.init=function(t){return ve(this,void 0,void 0,function(){return be(this,function(e){return this.displayedLayerid=(new L).uuid,this.view=t,[2]})})},we);function we(e){var t=fe.call(this)||this;return t.displayedLayerid="",t.view=null,t.heatmaplayer=null,t.init(e),t}var ge=(Le.shqxboundary="qx_boundary",Le.shjdboundary="jd_boundary",Le.shjwhboundary="jwh_boundary",Le);function Le(){}var xe,ke,ze=(xe=function(e,t){return(xe=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}xe(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),Ce=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},Se=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},Ie=(ze(Re,ke=e),Re.prototype.add=function(p){var f=this;g(["esri/Graphic","esri/layers/GraphicsLayer","esri/geometry/Polygon","esri/geometry/geometryEngineAsync","esri/geometry/SpatialReference","esri/Color"]).then(function(e){var u=e[0],t=e[1],i=e[2],d=e[3],y=(e[4],e[5]),r=null;"qx_boundary"!==p.boundaryType&&"jd_boundary"!==p.boundaryType&&"jwh_boundary"!==p.boundaryType||(r=f.view.map.findLayerById(p.boundaryType));var c=f.view.map.findLayerById(f.displayedLayerid);if(null==c&&(c=new t({id:f.displayedLayerid,title:"遮罩层",listMode:"hide"}),f.view.map.add(c)),c.removeAll(),p.inputgeometry){if(null===(r=f.view.map.findLayerById("qx_boundary")))return;var o=new i({rings:p.inputgeometry,spatialReference:f.view.spatialReference}),n=r.fullExtent;n.spatialReference=f.view.spatialReference;var s=o;s.spatialReference=f.view.spatialReference,d.buffer(s,p.boundarydistance,"meters").then(function(e){d.difference(n,e).then(function(e){var t;t="3d"===f.view.type?p.symbol?{type:"polygon-3d",symbolLayers:[{type:"extrude",material:{color:p.maskColor},size:p.symbol.size,edges:{type:"solid",color:p.maskColor}}]}:{type:"polygon-3d",symbolLayers:[{type:"fill",material:{color:p.maskColor},outline:{color:"white",size:"0px"}}]}:{type:"simple-fill",color:p.maskColor,style:"solid",outline:{color:p.maskColor,width:1}};var i=new u({geometry:e,symbol:t});c.add(i);for(var o=void 0===p.bounarycount?30:p.bounarycount,n=Math.ceil(p.boundarydistance/o),a=new y(p.boundaryColor).toRgba(),r=function(r){d.buffer(s,r*o,"meters").then(function(t){d.buffer(s,(r-1)*o,"meters").then(function(e){d.difference(t,e).then(function(e){var t;a[3]=1/n*r,t="3d"===f.view.type?p.symbol?{type:"polygon-3d",symbolLayers:[{type:"extrude",material:{color:a},size:p.symbol.size,edges:{type:"solid",color:a}}]}:{type:"polygon-3d",symbolLayers:[{type:"fill",material:{color:a},outline:{color:"white",size:"0px"}}]}:{type:"simple-fill",color:a,style:"solid",outline:{color:a,width:1}};var i=new u({geometry:e,symbol:t});c.add(i)})})})},l=1;l<=n;l++)r(l)})})}else{if(console.log(r),null===r)return;var a=r.createQuery();a.where=p.boundaryDefinition,r.queryFeatures(a).then(function(e){if(e.features.length){var t=r.fullExtent;t.spatialReference=f.view.spatialReference;var s=e.features[0].geometry;s.spatialReference=f.view.spatialReference,d.buffer(s,p.boundarydistance,"meters").then(function(e){d.difference(t,e).then(function(e){var t;t="3d"===f.view.type?p.symbol?{type:"polygon-3d",symbolLayers:[{type:"extrude",material:{color:p.maskColor},size:p.symbol.size,edges:{type:"solid",color:p.maskColor}}]}:{type:"polygon-3d",symbolLayers:[{type:"fill",material:{color:p.maskColor},outline:{color:"white",size:"0px"}}]}:{type:"simple-fill",color:p.maskColor,style:"solid",outline:{color:p.maskColor,width:1}};var i=new u({geometry:e,symbol:t});c.add(i);for(var o=void 0===p.bounarycount?30:p.bounarycount,n=Math.ceil(p.boundarydistance/o),a=new y(p.boundaryColor).toRgba(),r=function(r){d.buffer(s,r*o,"meters").then(function(t){d.buffer(s,(r-1)*o,"meters").then(function(e){d.difference(t,e).then(function(e){var t;a[3]=1/n*r,t="3d"===f.view.type?p.symbol?{type:"polygon-3d",symbolLayers:[{type:"extrude",material:{color:a},size:p.symbol.size,edges:{type:"solid",color:a}}]}:{type:"polygon-3d",symbolLayers:[{type:"fill",material:{color:a},outline:{color:"white",size:"0px"}}]}:{type:"simple-fill",color:a,style:"solid",outline:{color:a,width:1}};var i=new u({geometry:e,symbol:t});c.add(i)})})})},l=1;l<=n;l++)r(l)})})}})}})},Re.prototype.remove=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&this.view.map.remove(e)},Re.prototype.show=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(e.visible=!0)},Re.prototype.hide=function(){var e=this.view.map.findLayerById(this.displayedLayerid);e&&(e.visible=!1)},Re.prototype.init=function(t){return Ce(this,void 0,void 0,function(){return Se(this,function(e){return this.displayedLayerid=(new L).uuid,this.view=t,[2]})})},Re);function Re(e){var t=ke.call(this)||this;return t.displayedLayerid="",t.view=null,t.init(e),t}var Ae,Ee,Be=(Ae=function(e,t){return(Ae=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}Ae(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),_e=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},Pe=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},Me=(Be(je,Ee=e),je.prototype.add=function(n){var a=this;void 0===n&&(n={}),g(["esri/layers/echartsLayer"]).then(function(e){var t=e[0],i=[];n.datas.forEach(function(e,t){i.push({name:e[0]+" Top10",type:"lines",coordinateSystem:"arcgis",zlevel:1,effect:{show:!0,period:6,trailLength:.7,color:"#fff",symbolSize:3},lineStyle:{normal:{color:n.color[t],width:0,curveness:.2}},data:a.convertData(e[1],n.geoCoordMap)},{name:e[0]+" Top10",type:"lines",coordinateSystem:"arcgis",zlevel:2,symbol:["none","arrow"],symbolSize:10,effect:{show:!0,period:6,trailLength:0,symbol:n.planePath,symbolSize:15},lineStyle:{normal:{color:n.color[t],width:1,opacity:.6,curveness:.2}},data:a.convertData(e[1],n.geoCoordMap)},{name:e[0]+" Top10",type:"effectScatter",coordinateSystem:"arcgis",zlevel:2,rippleEffect:{brushType:"stroke"},legendHoverLink:!0,hoverAnimation:!0,symbol:n.symbol,label:{normal:{show:!0,position:"right",formatter:"{b}"}},symbolSize:function(e){return e[2]/8},itemStyle:{normal:{color:n.color[t],shadowBlur:10,shadowColor:"#333"}},data:e[1].map(function(e){return{name:e[1].name,value:n.geoCoordMap[e[1].name].concat([e[1].value])}})})});var r=new t(a.view,"",n.id),o={title:{text:"",subtext:"",left:"center",textStyle:{color:"#fff"}},series:i};r.setChartOption(o)})},je.prototype.remove=function(e){var t=document.getElementsByClassName("esri-view-surface")[0],i=document.getElementById(e);null!=i&&t.removeChild(i)},je.prototype.convertData=function(e,t){for(var i=[],r=0,o=e;r<o.length;r++){var n=o[r],a=t[n[0].name],l=t[n[1].name];a&&l&&i.push({fromName:n[0].name,toName:n[1].name,coords:[a,l],value:n[1].value})}return i},je.prototype.getAPIScript=function(e){return document.querySelector("script["+e+"]")},je.prototype.loadAPIScript=function(o,n){var a=this;return new r.Promise(function(e,t){var i=a.getAPIScript(o);if(i){var r=i.getAttribute("src");r!==n?t(new Error("The echartgl is already loaded ("+r+").")):a.handleScriptLoad(i,e,t)}else i=a.createScript(o,n),a.handleScriptLoad(i,function(){i.setAttribute(o,"loaded"),e(i)},t),document.head.appendChild(i)})},je.prototype.createScript=function(e,t){var i=document.createElement("script");return i.type="text/javascript",i.src=t,i.setAttribute(e,"loading"),i},je.prototype.handleScriptLoad=function(e,t,i){var r;i&&(r=this.handleScriptError(e,i));var o=function(){t(e),e.removeEventListener("load",o,!1),r&&e.removeEventListener("error",r,!1)};e.addEventListener("load",o,!1)},je.prototype.handleScriptError=function(t,i){var r=function(e){i(e.error||new Error("There was an error attempting to load "+t.src)),t.removeEventListener("error",r,!1)};return t.addEventListener("error",r,!1),r},je.prototype.init=function(t){return _e(this,void 0,void 0,function(){return Pe(this,function(e){return this.view=t,[2]})})},je);function je(e){var t=Ee.call(this)||this;return t.view=null,t.init(e),t}var Oe,We,Te=(Oe=function(e,t){return(Oe=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}Oe(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),He=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},Ge=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},Ze=(Te(Je,We=e),Je.prototype.play=function(a){var l=this;void 0===a&&(a={}),g(["geolocate","esri/widgets/Track","esri/geometry/support/webMercatorUtils"]).then(function(e){var i=e[0],t=e[1],r=e[2];if(void 0!==a.coords){var o=0;l.track=new t({view:l.view,goToLocationEnabled:!1});var n=0;i.use(),void 0!==l.routepalybackinternal&&clearInterval(l.routepalybackinternal),l.routepalybackinternal=setInterval(function(){var e=r.xyToLngLat(a.coords[n].x,a.coords[n].y),t={lng:e[0],lat:e[1]};i.change(t),n=(n+1)%a.coords.length,++o===a.coords.length&&clearInterval(l.routepalybackinternal)},2500),l.view.when(function(){var t=l.view.center;l.track.on("track",function(){a.mobilesymbol&&(l.track.graphic.symbol=a.mobilesymbol);var e=l.track.graphic.geometry;1<o&&a.showtrail&&l.createAnimateRoute(e,t,a.trailsymbol),l.view.goTo({center:e,tilt:70,scale:2500,heading:360-l.getHeading(e,t),rotation:360-l.getHeading(e,t)}).catch(function(e){"AbortError"!==e.name&&console.error(e)}),t=e.clone()}),l.track.start()})}}).catch(function(e){console.error(e)})},Je.prototype.remove=function(){this.routepalybackinternal,clearInterval(this.routepalybackinternal),this.track.destroy();var e=this.view.map.findLayerById(this.displayedLayerid);e&&this.view.map.remove(e)},Je.prototype.getHeading=function(e,t){return 180*Math.atan2(e.y-t.y,e.x-t.x)/Math.PI-90},Je.prototype.createAnimateRoute=function(n,a,l){var s=this;g(["esri/Graphic","esri/layers/GraphicsLayer"]).then(function(e){var t=e[0],i=e[1],r=new t({geometry:{type:"polyline",paths:[[a.longitude,a.latitude],[n.longitude,n.latitude]]},symbol:void 0!==l?l:{type:"simple-line",color:[156,39,176],width:10}}),o=s.view.map.findLayerById(s.displayedLayerid);void 0===o&&(o=new i({title:"路径轨迹播放",id:s.displayedLayerid,listMode:"hide"}),s.view.map.add(o)),o.add(r)})},Je.prototype.init=function(t){return He(this,void 0,void 0,function(){return Ge(this,function(e){return this.displayedLayerid=(new L).uuid,this.view=t,[2]})})},Je);function Je(e){var t=We.call(this)||this;return t.displayedLayerid="",t.view=null,t.routepalybackinternal=null,t.track=null,t.init(e),t}var Fe,De,qe=(Fe=function(e,t){return(Fe=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)},function(e,t){function i(){this.constructor=e}Fe(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}),Ne=function(e,a,l,s){return new(l=l||Promise)(function(i,t){function r(e){try{n(s.next(e))}catch(e){t(e)}}function o(e){try{n(s.throw(e))}catch(e){t(e)}}function n(e){var t;e.done?i(e.value):((t=e.value)instanceof l?t:new l(function(e){e(t)})).then(r,o)}n((s=s.apply(e,a||[])).next())})},Xe=function(i,r){var o,n,a,e,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return e={next:t(0),throw:t(1),return:t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(t){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(a=2&t[0]?n.return:t[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,t[1])).done)return a;switch(n=0,a&&(t=[2&t[0],a.value]),t[0]){case 0:case 1:a=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,n=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!a||t[1]>a[0]&&t[1]<a[3])){l.label=t[1];break}if(6===t[0]&&l.label<a[1]){l.label=a[1],a=t;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(t);break}a[2]&&l.ops.pop(),l.trys.pop();continue}t=r.call(i,l)}catch(e){t=[6,e],n=0}finally{o=a=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}([t,e])}}},Ye=(qe(Ve,De=e),Ve.prototype.play=function(c){var p=this;void 0===c&&(c={}),g(["esri/geometry/Point","esri/Graphic","esri/layers/GraphicsLayer","esri/geometry/support/webMercatorUtils"]).then(function(e){var o=e[0],n=e[1],a=e[2];if(e[3],void 0!==c.coords){var l=0,s=0,u=p.view.center;void 0!==p.mapRoamplayinternal&&clearInterval(p.mapRoamplayinternal);var d=void 0!==c.duration?c.duration:2e3,y=void 0!==c.speedFactor?c.speedFactor:1;p.mapRoamplayinternal=setInterval(function(){var e={x:c.coords[s].x,y:c.coords[s].y,z:void 0!==c.coords[s].z?c.coords[s].z:0};s=(s+1)%c.coords.length,++l;var t=new o({x:e.x,y:e.y,z:e.z,spatialReference:p.view.spatialReference}),i=p.view.map.findLayerById(p.mobilelayerid);void 0===i&&(i=new a({title:"漫游路径"+p.mobilelayerid,id:p.mobilelayerid,listMode:"hide"}),p.view.map.add(i)),i.removeAll();var r=new n({geometry:t,symbol:c.mobilesymbol});i.add(r),1<l&&c.showtrail&&p.createAnimateRoute(t,u,c.trailsymbol),p.view.goTo({center:t,tilt:70,scale:2500,heading:360-p.getHeading(t,u),rotation:360-p.getHeading(t,u)},{speedFactor:y,duration:d-.2*d,maxDuration:d-.2*d,easing:"in-out-coast-quadratic"}).then().catch(function(e){"AbortError"!==e.name&&console.error(e)}),u=t.clone(),l===c.coords.length&&clearInterval(p.mapRoamplayinternal)},d)}}).catch(function(e){console.error(e)})},Ve.prototype.remove=function(){this.mapRoamplayinternal,clearInterval(this.mapRoamplayinternal);var e=this.view.map.findLayerById(this.displayedLayerid);e&&this.view.map.remove(e);var t=this.view.map.findLayerById(this.mobilelayerid);t&&this.view.map.remove(t)},Ve.prototype.getHeading=function(e,t){return 180*Math.atan2(e.y-t.y,e.x-t.x)/Math.PI-90},Ve.prototype.createAnimateRoute=function(n,a,l){var s=this;g(["esri/Graphic","esri/layers/GraphicsLayer"]).then(function(e){var t=e[0],i=e[1],r=new t({geometry:{type:"polyline",paths:[[a.x,a.y,a.z],[n.x,n.y,n.z]],spatialReference:s.view.spatialReference},symbol:void 0!==l?l:{type:"simple-line",color:[156,39,176],width:10}}),o=s.view.map.findLayerById(s.displayedLayerid);void 0===o&&(o=new i({title:"漫游路径"+s.displayedLayerid,id:s.displayedLayerid,listMode:"hide"}),s.view.map.add(o)),o.add(r)})},Ve.prototype.init=function(t){return Ne(this,void 0,void 0,function(){return Xe(this,function(e){return this.displayedLayerid=(new L).uuid,this.mobilelayerid=(new L).uuid,this.view=t,[2]})})},Ve);function Ve(e){var t=De.call(this)||this;return t.displayedLayerid="",t.view=null,t.mapRoamplayinternal=null,t.mobilelayerid="",t.init(e),t}return{load:g,Layers:ge,Boundary:E,Draw:W,GraphicOverlays:ye,FeaureOverlays:Q,EchartFlashPointLayer:D,FlashPoint3DLayer:oe,HeatMap:me,MaskBoundary:Ie,TrajectoryPlus:Ye,MigrationMap:Me,Trajectory:Ze}});
+//# sourceMappingURL=Plugins.min.js.map

dist/index.html

@@ -3,17 +3,23 @@
 
 <head>
   <meta charset="UTF-8">
-  <link rel="icon" href="./favicon.ico" />
+  <link rel="icon" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>南京东路街道</title>
-<script type="module" crossorigin src="./assets/index.a7e6b4b7.js"></script>
-  <link rel="modulepreload" href="./assets/vendor.51f58a60.js">
-  <link rel="stylesheet" href="./assets/index.6cf63887.css">
+  <script src="./SMap.min.js"></script>
+  <script src="./Plugins.min.js"></script>
+  <script src="./hls.js"></script>
+  <script type="module" crossorigin src="./assets/index.66409abe.js"></script>
+  <link rel="modulepreload" href="./assets/vendor.fb6b006a.js">
+  <link rel="stylesheet" href="./assets/index.097e7037.css">
 </head>
 
 <body>
   <div id="app"></div>
-  
+  <!-- <script src="/SMap.min.js"></script>
+  <script src="/Plugins.min.js"></script>
+  <script src="/hls.js"></script> -->
+
 </body>
 
 </html>
\ No newline at end of file

index.html

@@ -12,6 +12,7 @@
   <div id="app"></div>
   <script src="/SMap.min.js"></script>
   <script src="/Plugins.min.js"></script>
+  <script src="/hls.js"></script>
   <script type="module" src="/src/main.ts"></script>
 </body>
 

src/App.vue

 <template>
-  <router-view />
+  <router-view :key="$route.fullPath" />
   <m-loader v-if="showLoading" />
 </template>
 

src/ajax/api.ts

@@ -34,6 +34,7 @@ export default {
   GET_PUBLICSAFE_PARTY: '/service-special-nandong/party', // 党建
   GET_PUBLICSAFE_ECONOMIC: '/service-special-nandong/economic', // 经济
   /** 小区屏 */
+  GET_COMMUNITY_IDS: '/service-special-nandong/getSectIdList', // 获取小区id列表
   GET_COMMUNITY_INFO: '/service-special-nandong/bigscreenCommunity/statistical', // 小区档案
   GET_COMMUNITY_FACILITY: '/service-special-nandong/communityRelations', // 小区设施
   GET_ISSUE_LIST: '/service-special-nandong/management/factors', // 管理要素列表

src/ajax/axios.ts

@@ -11,7 +11,7 @@ Axios.interceptors.request.use(
   (config) => {
     // 添加token
     config.headers.Authorization =
-      'bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiMCIsImVuYWJsZSI6dHJ1ZSwic2NvcGUiOlsicmVhZCIsIndyaXRlIiwidHJ1c3QiXSwiZXhwIjoxNjE4NDE3MTQ0LCJqdGkiOiIxOTZhNGE1ZS0yNzI3LTQ5ZTctOWIxOC02Y2U4OTAzNTQ2YWIiLCJjbGllbnRfaWQiOiJzc28iLCJ0aW1lc3RhbXAiOjE2MTg0MDk5NDQyNjd9.S2L88SbCklTArdG7jFPRw3xZ_xTNSk0r2fqI3ta92w23pFgi3aXazc-AQsno2lNF67eCT7K1KbXrqRa0-jHCT4iLyETPyzDj072QwgB06YzPtb1CqsYZLSAZUO8GH_MUB6Gqxp9Z2jLHJDDyfQF2EaWAaPtONbXxf_0Nsgq_pJDAJG84LSL8j8RyFZJ1ZtYRoCkyVGZvq06AeLTmZdwSqt1k8LKkFWsi9XTL_WVaQsvkZs4oJM7nZokvO70ISSIq7EUNLDUstFtMWwyrv6dnhsa2fkagoDkd4CGInGh3d35E5hXHsR_SD8zMfqzrzdgHzonf58mVhyvzQViNPQfKsw'
+      'bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiMiIsImp0aSI6IjdiMWQ3ODRhLWY2ZjEtNGM5ZS1iYTRlLWJhM2FiMDNkYzRiZCIsImVuYWJsZSI6dHJ1ZSwiY2xpZW50X2lkIjoic3NvIiwidGltZXN0YW1wIjoxNjE4NDYzMzQ5NTY4LCJzY29wZSI6WyJyZWFkIiwid3JpdGUiLCJ0cnVzdCJdfQ.JnyKdHUPFIrb4CWZg2JyoU8JTXGZvWVN2kQNYnhKj-vBBt7eAmmJ9I3JqYBC2MieAF-qiNPvJDO0_pL54Ko2xZ0JpeflXMbr5GMqKoozNiZYcNdqsN8AWew4PPKTGr7gcdGQEO1_eLtTXvwnGVTiAP8vqPpLGFaKs282yWc9tdDp1976RjEEi4Knb5VEbnHiW1oyyCZ3WPGHCjO7M6s7iNNh0inA5Af-r7JZNTNL89gEH1lj3dEHReiPMylnwMCi4F5oOY4er6PNIkIjEoA0ydEpaC4YyEhbXGHrXKUsXZxQc8XoS99PLdVumWreDq6KCuZis-qm_T_lfFTTp1gmJA'
     return config
   },
   (error) => {

src/components/MyComponent/MyMap/my-map.vue

@@ -43,17 +43,19 @@ export default defineComponent({
         showBuildingBlock: true,
         ...props.config,
       }).on(SMap.MapEvent.maploaded, () => {
+        // map.enableMouseEvent(false)
+        setBuildingBlock()
         ctx.emit('complete', map)
-        // hideCommunity()
         addListener()
-        // map.getLayer('model_white_zw').visible = true
-        // map.getLayer('model_white_WEIHAI33').visible = true
-        // map.getLayer('model_white_zhenxing2').visible = true
-        // map.getLayer('model_white_zw').opacity = 0.8
-        // map.getLayer('model_white_WEIHAI33').opacity = 0.8
-        // map.getLayer('model_white_zhenxing2').opacity = 0.8
+        // hideCommunity()
       })
     }
+    function setBuildingBlock(val = false) {
+      map.getLayer('model_white_zw').visible = val // 整个街道图层名
+      map.getLayer('model_white_zhenxing2').visible = val // 振兴小区名
+      map.getLayer('model_white_WEIHAI33').visible = val // 威海小区名
+      map.getLayer('model_white_dyjd').visible = val // 第一街道名
+    }
     function hideCommunity() {
       map.hideXQ_Poly()
       map.hideMPZ()
@@ -64,11 +66,20 @@ export default defineComponent({
       map.showMPZ()
       map.showXQ_Point()
     }
+    function setFilter(arr: unknown[], key = 'sect_id') {
+      if (arr.length === 0) return
+      const valid = arr.map((val) => {
+        return `${key} like '${val}'`
+      })
+      map.setFilter('wg_gis_xq_point', valid.join(' or '))
+      map.setFilter('wg_gis_mpz', valid.join(' or '))
+      map.setFilter('wg_gis_xq_poly', valid.join(' or '))
+    }
     function addListener() {
-      map.enableMouseEvent(false)
       // 触发地图点击事件
       map.on(SMap.MapEvent.click, (view: any, eventParamter: any) => {
         const { x, y } = eventParamter.mapPoint
+        console.log(map.getZoom())
         console.log([x, y])
         view.hitTest(eventParamter).then((res: any) => {
           if (res.results && res.results.length > 0) {
@@ -170,8 +181,6 @@ export default defineComponent({
     }: PointProp) {
       if (!map) return
       const points = getMapPoints({ data, key, labelKey, icon, size, color })
-      console.log(points)
-
       map.add(points)
       return points
     }
@@ -184,12 +193,14 @@ export default defineComponent({
 
     return {
       focus,
+      setBuildingBlock,
       hideCommunity,
       showCommunity,
       addBoundary,
       rotate,
       addPoint,
       remove,
+      setFilter,
     }
   },
 })

src/store/index.ts

@@ -6,7 +6,7 @@ import actions from './actions'
 export type ThemeType = 'manage' | 'service' | 'safety'
 export interface ViewType {
   name: string
-  type: 'street' | 'work1' | 'work2' | 'work3' | 'community'
+  type: string
   id?: string
 }
 
@@ -56,6 +56,7 @@ export interface GlobalStateProps {
   showLoading: boolean
   curView: ViewType
   readonly viewOptions: ViewType[]
+  readonly communityOptions: ViewType[]
   curTheme: ThemeType
   propertySummary: { [key: string]: number }
   caseList: unknown[]

src/store/state.ts

@@ -9,6 +9,10 @@ export default {
     { name: '第二工作站', type: 'work2', id: '01002' },
     { name: '第三工作站', type: 'work3', id: '01003' },
   ],
+  communityOptions: [
+    { name: '振兴小区', type: '527635870583459840' },
+    { name: '威海路62弄', type: '527635870583459841' },
+  ],
   curTheme: 'manage',
   propertySummary: {},
   caseList: [],

src/view/community.vue

@@ -31,6 +31,7 @@
         <p>{{ btn.name }}</p>
       </div>
     </div>
+    <SiteSelector />
   </m-grid>
 </template>
 
@@ -38,6 +39,7 @@
 import { computed, defineComponent, onMounted, ref } from 'vue'
 import LeftSection from '@/view/community/left-section.vue'
 import RightSection from '@/view/community/right-section.vue'
+import SiteSelector from '@/view/community/site-selector.vue'
 import store from '@/store'
 import point from '@/assets/images/point.png'
 import point1 from '@/assets/images/point1.png'
@@ -52,20 +54,26 @@ import { ajax, api } from '@/ajax'
 
 export default defineComponent({
   name: 'Main',
-  components: { LeftSection, RightSection },
+  components: { LeftSection, RightSection, SiteSelector },
   setup() {
     const loading = ref(true)
     const title = computed(
       () => store.state.communityInfo.bigscreenCommunityName
     )
+    const communityOptions = computed(() => store.state.communityOptions)
     const route = useRoute()
+    const curId = ref<unknown>(null)
     const initData = (id: unknown) => {
-      store.dispatch('initCommunityData', id || '527635870583459840')
+      store.dispatch('initCommunityData', id)
     }
     onMounted(() => {
-      initData(route.query.id)
+      curId.value = route.query.id || communityOptions.value[0].type
+      initData(curId.value)
+      store.commit(
+        'SET_CURRENT_VIEW',
+        communityOptions.value.find((item) => item.type == curId.value)
+      ) // 使标题不显示公共的3个按钮
     })
-    store.commit('SET_CURRENT_VIEW', { name: '', type: 'community' }) // 使标题不显示公共的3个按钮
     const map = ref<any>(null)
     const points = ref<any>(null)
     const initMapPoints = (key: string, data: any[]) => {
@@ -83,39 +91,28 @@ export default defineComponent({
           name: item.id,
           x: position && +position[0],
           y: position && +position[1],
-          // icon: getIcon(item.relationName),
+          icon: getIcon(item.relationName),
         })
       })
       console.log(pointData)
-
       points.value = map.value.addPoint({
         key: key,
         size: [100, 500],
-        data: [
-          {
-            name: '测试',
-            x: -275.5563452697323,
-            y: -718.3061904627932,
-            icon: point4,
-          },
-          {
-            name: '测试',
-            x: -75.5563452697323,
-            y: -518.3061904627932,
-            icon: point,
-          },
-        ],
+        data: pointData,
       })
     }
     const handleMapClick = (e: any) => {
       console.log('point-data: ', e)
     }
     const handleComplete = (instance: any) => {
-      let center = [-75.5563452697323, -718.3061904627932]
-      if (route.query.id === '527635870583459841') {
+      let center = [-135.98002789627407, -722.1597065437004]
+      // let center = [-75.5563452697323, -718.3061904627932]
+      let zoom = 9.7608
+      if (curId.value === '527635870583459841') {
         instance.getLayer('model_white_WEIHAI33').visible = true
-        instance.getLayer('model_white_WEIHAI33').opacity = 0.8
-        center = [-75.5563452697323, -518.3061904627932]
+        instance.getLayer('model_white_WEIHAI33').opacity = 1
+        center = [-38.73075358777865, -569.7527629458657]
+        zoom = 10
       } else {
         instance.getLayer('model_white_zhenxing2').visible = true
         instance.getLayer('model_white_zhenxing2').opacity = 0.8
@@ -129,7 +126,7 @@ export default defineComponent({
             i += 2
             if (i > 0) {
               setTimeout(() => {
-                map.value.focus(...center, 9)
+                map.value.focus(...center, zoom)
               }, 500)
               clearInterval(timer)
             }
@@ -143,7 +140,7 @@ export default defineComponent({
       { name: '周边设施', key: '小区设施' },
       { name: '监控设施', key: '监控' },
     ])
-    if (route.query.id === '527635870583459841') {
+    if (curId.value === '527635870583459841') {
       btns.value = [
         { name: '美丽家园', key: '微更新' },
         { name: '加装电梯', key: '电梯加装' },
@@ -163,7 +160,7 @@ export default defineComponent({
         await ajax.get({
           url: api.GET_COMMUNITY_FACILITY,
           params: {
-            bigscreenCommunityId: route.query.id,
+            bigscreenCommunityId: curId.value,
             classification: key,
             pageSize: 1000,
           },
@@ -171,6 +168,8 @@ export default defineComponent({
       ).data
       initMapPoints(key, content)
       map.value.hideCommunity()
+      // map.value.setFilter(['1408241008852645'])
+      // map.value.showCommunity()
       curBtn.value = key
     }
     return {

src/view/community/combine.vue

@@ -46,71 +46,13 @@ export default defineComponent({
   name: 'Combine',
   components: { Step },
   setup() {
-    const curTab = ref('securityList')
+    const curTab = ref('cleanList')
     const tabs = ref([
-      { key: 'securityList', name: '安全' },
       { key: 'cleanList', name: '干净' },
       { key: 'orderlyList', name: '有序' },
+      { key: 'securityList', name: '安全' },
     ])
     const list = computed(() => store.state.combineData[curTab.value] || [])
-    // const list = ref([
-    //   {
-    //     name: '振兴小区',
-    //     type: '电梯困人',
-    //     address: '上海市黄浦区延安东路1292弄6~40号',
-    //     date: '2020-03-13 13:23:08',
-    //     cur: 2,
-    //   },
-    //   {
-    //     name: '振兴小区',
-    //     type: '电梯困人',
-    //     address: '上海市黄浦区延安东路1292弄6~40号',
-    //     date: '2020-03-13 13:23:08',
-    //     cur: 3,
-    //   },
-    //   {
-    //     name: '振兴小区',
-    //     type: '电梯困人',
-    //     address: '上海市黄浦区延安东路1292弄6~40号',
-    //     date: '2020-03-13 13:23:08',
-    //     cur: 4,
-    //   },
-    //   {
-    //     name: '振兴小区',
-    //     type: '电梯困人',
-    //     address: '上海市黄浦区延安东路1292弄6~40号',
-    //     date: '2020-03-13 13:23:08',
-    //     cur: 5,
-    //   },
-    //   {
-    //     name: '振兴小区',
-    //     type: '电梯困人',
-    //     address: '上海市黄浦区延安东路1292弄6~40号',
-    //     date: '2020-03-13 13:23:08',
-    //     cur: 2,
-    //   },
-    //   {
-    //     name: '振兴小区',
-    //     type: '电梯困人',
-    //     address: '上海市黄浦区延安东路1292弄6~40号',
-    //     date: '2020-03-13 13:23:08',
-    //     cur: 3,
-    //   },
-    //   {
-    //     name: '振兴小区',
-    //     type: '电梯困人',
-    //     address: '上海市黄浦区延安东路1292弄6~40号',
-    //     date: '2020-03-13 13:23:08',
-    //     cur: 4,
-    //   },
-    //   {
-    //     name: '振兴小区',
-    //     type: '电梯困人',
-    //     address: '上海市黄浦区延安东路1292弄6~40号',
-    //     date: '2020-03-13 13:23:08',
-    //     cur: 5,
-    //   },
-    // ])
     return {
       steps: ['发现', '立案', '派遣', '处置', '核查', '结案'],
       tabs,

src/view/community/community-photo.vue

@@ -4,27 +4,66 @@
       v-for="item in list"
       :key="item.name"
       :style="`background:url(${item.photo}) 100% / 100% 100% no-repeat`"
+      @click="handleClick(item.id)"
     >
       <p>{{ item.name }}</p>
+      <div class="mask">
+        <img src="@/assets/images/play.png" />
+      </div>
     </div>
+    <m-modal v-model="showModal" title="视频" width="50%">
+      <VideoComponent v-if="showModal" :video-src="src" />
+    </m-modal>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent, ref } from 'vue'
 import photo1 from '@/assets/images/community1.png'
 import photo2 from '@/assets/images/community2.png'
 import photo3 from '@/assets/images/community3.png'
+import { ajax } from '@/ajax'
+import VideoComponent from '../components/video-component.vue'
 
 export default defineComponent({
   name: 'CommunityPhoto',
+  components: { VideoComponent },
   setup() {
+    const showModal = ref(false)
+    const src = ref<string | null>(null)
+    const handleClick = async (id: string) => {
+      const [{ remark2 }] = (
+        await ajax.get({
+          url: `http://10.39.25.33:81/njdl/imp/pc/njdl/equipment/getEquipmentVideoById?id=${id}`,
+        })
+      ).data
+      src.value = remark2
+      showModal.value = true
+    }
     return {
       list: [
-        { name: '重庆北路205号入口', photo: photo1 },
-        { name: '重庆北路205号道路', photo: photo2 },
-        { name: '重庆北路205号电梯', photo: photo3 },
+        // { name: '重庆北路205号入口', photo: photo1 },
+        // { name: '重庆北路205号道路', photo: photo2 },
+        // { name: '重庆北路205号电梯', photo: photo3 },
+        {
+          name: '威海路163',
+          photo: photo1,
+          id: '05e1a5f24a224d66955ba2d22d6f64d3',
+        },
+        {
+          name: '威海路167',
+          photo: photo2,
+          id: 'fc82739cb3354262850c715aa9098c83',
+        },
+        {
+          name: '成都北路140',
+          photo: photo3,
+          id: '3c23b0ecd6bb4d73842617010a84cbcf',
+        },
       ],
+      handleClick,
+      showModal,
+      src,
     }
   },
 })
@@ -42,6 +81,22 @@ export default defineComponent({
   >div
     height 32%
     position relative
+    cursor pointer
+    .mask
+      $center()
+      display flex
+      position absolute
+      width 100%
+      height 100%
+      background-color rgba(0,0,0,0.5)
+      opacity 0
+      transition opacity .3s ease-in-out
+      >img
+        width .4rem
+        height @width
+    &:hover
+      .mask
+        opacity 1
     >p
       position absolute
       right 0

src/view/community/left-section.vue

@@ -10,24 +10,24 @@
               <img src="@/assets/images/p11.png" />
               <div>
                 <p>健康</p>
-                <m-count class="count" :value="92" />
+                <m-count class="count" :value="healthVal" />
               </div>
             </div>
-            <div>
+            <!-- <div>
               <img src="@/assets/images/p12.png" />
               <div>
                 <p>疫苗接种率</p>
                 <m-count class="count" :value="57" />%
               </div>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
-      <di v>
+      <div>
         <Brief :list="summary.slice(0, 3)" size="0.32rem" />
         <h1></h1>
         <Brief :list="summary.slice(3)" size="0.32rem" />
-      </di>
+      </div>
       <div class="buildings">
         <div
           v-for="item in buildingList"
@@ -101,6 +101,17 @@ export default defineComponent({
     const memberList = ref<unknown[]>([])
     const addrList = ref([])
     const communityName = ref('')
+    const healthVal = ref(0)
+
+    watch(
+      () => store.state.issueData,
+      (issueData) => {
+        if (!issueData || issueData.length === 0) return
+        const [{ totalScore = 0 }] = issueData
+        healthVal.value = totalScore
+      },
+      { deep: true, immediate: true }
+    )
 
     watch(
       () => store.state.communityInfo,
@@ -127,6 +138,8 @@ export default defineComponent({
         buildingList.value = communityList
         curBuilding.value =
           (communityList[0] && communityList[0].sectId) || null
+        addrList.value = []
+        memberList.value = []
         selectBuilding(curBuilding.value)
       },
       { deep: true, immediate: true }
@@ -183,6 +196,7 @@ export default defineComponent({
         ).icMember || []
     }
     return {
+      healthVal,
       communityName,
       summary,
       buildingList,
@@ -282,8 +296,8 @@ export default defineComponent({
     display flex
     flex-direction column
     justify-content space-around
-    width 48%
-    padding .03rem .07rem
+    width 48.2%
+    padding .03rem .05rem
     box-sizing border-box
     position relative
     margin-bottom .06rem

src/view/community/site-selector.vue

+<template>
+  <div id="site-selector" class="site-selector">
+    <a-select
+      :value="curViewType"
+      dropdown-class-name="site-selector-drop-down"
+      @select="handleChange"
+    >
+      <a-select-option
+        v-for="option in options"
+        :key="option.type"
+        :value="option.type"
+      >
+        {{ option.name }}
+      </a-select-option>
+    </a-select>
+  </div>
+</template>
+
+<script lang="ts">
+import { computed, defineComponent } from 'vue'
+import store from '@/store'
+import { useRouter } from 'vue-router'
+
+export default defineComponent({
+  name: 'SiteSelector',
+  setup() {
+    const curViewType = computed(() => store.state.curView.type)
+    const options = computed(() => [
+      ...store.state.viewOptions,
+      ...store.state.communityOptions,
+    ])
+    const router = useRouter()
+    const handleChange = (type: string) => {
+      store.commit(
+        'SET_CURRENT_VIEW',
+        options.value.find((option) => type === option.type)
+      )
+      if (store.state.curView.id) {
+        store.dispatch('initStationData', store.state.curView.id)
+      }
+      if (isNaN(Number(type))) {
+        // 小区以外的屏
+        router.push({
+          name: 'main',
+        })
+      } else {
+        router.push({
+          name: 'community',
+          query: { id: type },
+        })
+      }
+    }
+    return {
+      curViewType,
+      options,
+      handleChange,
+    }
+  },
+})
+</script>
+
+<style lang="stylus">
+@import '../../components/MyComponent/main.styl'
+
+$bg = rgba(13, 39, 76, .7)
+$size = .1rem
+$height = .26rem
+
+#site-selector.site-selector
+  position fixed
+  top .45rem
+  left calc(16vw + .1rem)
+  z-index 99
+  .ant-select
+    background $bg
+    min-width .9rem
+    .ant-select-selector
+      min-width .9rem
+      border-top none
+      border-left none
+      border-right none
+      height $height
+      .ant-select-selection-item
+        font-size $size
+        line-height $height
+        text-align center
+        color #fff
+        font-weight bold
+    .ant-select-arrow
+      font-size $size * 0.8
+.site-selector-drop-down
+  &.ant-select-dropdown
+    background $bg
+    font-size $size
+    .ant-select-item
+      font-size $size
+      line-height $height / 2
+    .ant-select-item-option-selected:not(.ant-select-item-option-disabled)
+      background $bg
+      font-size $size
+</style>

src/view/components/map.ts

-declare const SMap: any
-declare const Plugins: any
+// declare const SMap: any
+// declare const Plugins: any
 
-export interface ConfigProp {
-  el: string
-  options: MapOptionsProp
-  sources: string[]
-}
+// export interface ConfigProp {
+//   el: string
+//   options: MapOptionsProp
+//   sources: string[]
+// }
 
-export interface MapOptionsProp {
-  viewMode?: string
-  center?: number[]
-  zooms?: number[]
-  zoom?: number
-  pitch?: number
-  mapStyle?: string
-  showBuildingBlock?: boolean
-}
+// export interface MapOptionsProp {
+//   viewMode?: string
+//   center?: number[]
+//   zooms?: number[]
+//   zoom?: number
+//   pitch?: number
+//   mapStyle?: string
+//   showBuildingBlock?: boolean
+// }
 
-class Map {
-  map: any
-  config: ConfigProp
-  constructor(config: ConfigProp) {
-    this.config = config
-  }
-  injectSource(): Promise<unknown[]> {
-    const promises = this.config.sources.map(
-      (source: string, index: number) => {
-        return new Promise((resolve) => {
-          if (document.getElementById(`_source${index}`)) {
-            resolve(true)
-            return
-          }
-          const sourceJs = document.createElement('script')
-          sourceJs.type = 'text/javascript'
-          sourceJs.src = source
-          sourceJs.setAttribute('id', `_source${index}`)
-          document.head.appendChild(sourceJs)
-          window.onload = () => resolve(true)
-        })
-      }
-    )
-    return Promise.all(promises)
-  }
-}
+// class Map {
+//   map: any
+//   config: ConfigProp
+//   constructor(config: ConfigProp) {
+//     this.config = config
+//   }
+//   injectSource(): Promise<unknown[]> {
+//     const promises = this.config.sources.map(
+//       (source: string, index: number) => {
+//         return new Promise((resolve) => {
+//           if (document.getElementById(`_source${index}`)) {
+//             resolve(true)
+//             return
+//           }
+//           const sourceJs = document.createElement('script')
+//           sourceJs.type = 'text/javascript'
+//           sourceJs.src = source
+//           sourceJs.setAttribute('id', `_source${index}`)
+//           document.head.appendChild(sourceJs)
+//           window.onload = () => resolve(true)
+//         })
+//       }
+//     )
+//     return Promise.all(promises)
+//   }
+// }
 
-export class S_Map extends Map {
-  constructor(config: ConfigProp) {
-    super(config)
-    this.injectSource().then(this.initMap)
-  }
-  initMap(): void {
-    this.map = new SMap.Map(this.config.el, this.config.options)
-  }
-  onLoaded(cb: (arg: unknown) => void): void {
-    this.map.on(SMap.MapEvent.maploaded, cb)
-  }
-  onZoomChange(cb: (arg: unknown) => void): void {
-    this.map.on(SMap.MapEvent.zoomchanged, cb)
-  }
-  onCenterChange(cb: (arg: unknown) => void): void {
-    this.map.on(SMap.MapEvent.centerchanged, cb)
-  }
-  onBlur(cb: (arg: unknown) => void): void {
-    this.map.on(SMap.MapEvent.blur, cb)
-  }
-  onFocus(cb: (arg: unknown) => void): void {
-    this.map.on(SMap.MapEvent.focus, cb)
-  }
-  onDrag(cb: (arg: unknown) => void): void {
-    this.map.on(SMap.MapEvent.drag, cb)
-  }
-  onClick(cb: (arg: unknown, point: unknown) => void): void {
-    this.map.on(SMap.MapEvent.click, (view: any, eventParamter: any) => {
-      view.hitTest(eventParamter).then((res: any) => {
-        if (res.results && res.results.length > 0) {
-          cb(
-            res.results[0] && res.results[0].graphic.attributes,
-            eventParamter.mapPoint
-          )
-        }
-      })
-    })
-  }
-}
+// export class S_Map extends Map {
+//   constructor(config: ConfigProp) {
+//     super(config)
+//     this.injectSource().then(this.initMap)
+//   }
+//   initMap(): void {
+//     this.map = new SMap.Map(this.config.el, this.config.options)
+//   }
+//   onLoaded(cb: (arg: unknown) => void): void {
+//     this.map.on(SMap.MapEvent.maploaded, cb)
+//   }
+//   onZoomChange(cb: (arg: unknown) => void): void {
+//     this.map.on(SMap.MapEvent.zoomchanged, cb)
+//   }
+//   onCenterChange(cb: (arg: unknown) => void): void {
+//     this.map.on(SMap.MapEvent.centerchanged, cb)
+//   }
+//   onBlur(cb: (arg: unknown) => void): void {
+//     this.map.on(SMap.MapEvent.blur, cb)
+//   }
+//   onFocus(cb: (arg: unknown) => void): void {
+//     this.map.on(SMap.MapEvent.focus, cb)
+//   }
+//   onDrag(cb: (arg: unknown) => void): void {
+//     this.map.on(SMap.MapEvent.drag, cb)
+//   }
+//   onClick(cb: (arg: unknown, point: unknown) => void): void {
+//     this.map.on(SMap.MapEvent.click, (view: any, eventParamter: any) => {
+//       view.hitTest(eventParamter).then((res: any) => {
+//         if (res.results && res.results.length > 0) {
+//           cb(
+//             res.results[0] && res.results[0].graphic.attributes,
+//             eventParamter.mapPoint
+//           )
+//         }
+//       })
+//     })
+//   }
+// }

src/view/components/video-component.vue

+<template>
+  <div class="video-component">
+    <video
+      v-if="isVideo"
+      ref="videoRef"
+      class="video"
+      autoplay="autoplay"
+      controls
+    >
+      您的浏览器不支持播放此视频。
+    </video>
+    <iframe v-else class="video" :src="videoSrc" frameborder="0" />
+  </div>
+</template>
+
+<script lang="ts">
+import {
+  computed,
+  defineComponent,
+  onMounted,
+  PropType,
+  ref,
+  nextTick,
+} from 'vue'
+declare const Hls: any
+
+export default defineComponent({
+  name: 'VideoComponent',
+  props: {
+    videoSrc: {
+      type: String as PropType<string>,
+      required: true,
+    },
+  },
+  setup(props) {
+    const videoRef = ref<any | null>(null)
+    const isVideo = computed(
+      () => props.videoSrc && props.videoSrc.indexOf('m3u8') >= 0
+    )
+    const init = () => {
+      if (!videoRef.value) return
+
+      if (Hls.isSupported()) {
+        const hls = new Hls()
+        hls.loadSource(props.videoSrc)
+        hls.attachMedia(videoRef.value)
+        hls.on(Hls.Events.MANIFEST_PARSED, () => {
+          videoRef.value.play()
+        })
+      } else if (videoRef.value.canPlayType('application/vnd.apple.mpegurl')) {
+        videoRef.value.src = props.videoSrc
+        videoRef.value.addEventListener('canplay', () => {
+          videoRef.value.play()
+        })
+      }
+    }
+    onMounted(async () => {
+      await nextTick()
+      init()
+    })
+    return {
+      videoRef,
+      isVideo,
+    }
+  },
+})
+</script>
+
+<style lang="stylus" scoped>
+.video-component
+.video
+  width 100%
+  height 100%
+</style>

src/view/components/view-selector.vue

@@ -30,7 +30,9 @@ export default defineComponent({
         'SET_CURRENT_VIEW',
         options.value.find((option) => type === option.type)
       )
-      store.dispatch('initStationData', store.state.curView.id)
+      if (store.state.curView.id) {
+        store.dispatch('initStationData', store.state.curView.id)
+      }
     }
     return {
       curViewType,

src/view/main.vue

@@ -47,7 +47,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref } from 'vue'
+import { computed, defineComponent, ref, watch } from 'vue'
 import ManageBasic from './left/manage-basic.vue'
 import Command from './left/command.vue'
 import PublicWork from './right/public-work.vue'
@@ -59,7 +59,6 @@ import MapBtns from './components/map-btns.vue'
 import CaseDrawer from './drawers/case-drawer.vue'
 import PopulationDrawer from './drawers/population-drawer.vue'
 import store from '@/store'
-import { ajax, api } from '@/ajax'
 
 export default defineComponent({
   name: 'Main',
@@ -76,7 +75,7 @@ export default defineComponent({
     PopulationDrawer,
   },
   setup() {
-    store.commit('SET_CURRENT_VIEW', { name: '南京东路街道', type: 'street' })
+    // store.commit('SET_CURRENT_VIEW', { name: '南京东路街道', type: 'street' })
     store.dispatch('initData')
     const curViewType = computed(() => store.state.curView.type)
     const curTheme = computed(() => store.state.curTheme)
@@ -97,22 +96,35 @@ export default defineComponent({
     const fullScreen = ref(false)
     const showDrawer = ref(false)
     const map = ref<any>(null)
+    const mapInstance = ref<any>(null)
 
-    ajax
-      .get({
-        url: api.GET_CASE,
-      })
-      .then((res) => {
-        console.log(res)
-      })
+    // watch(
+    //   () => curViewType.value,
+    //   (val) => {
+    //     if (!val || !mapInstance.value) return
+    //     if (val === 'work1') {
+    //       mapInstance.value.getLayer('model_white_dyjd').visible = true // 第一街道名
+    //       mapInstance.value.getLayer('model_white_dyjd').opacity = 0.8
+    //       mapInstance.value.getLayer('model_white_zw').visible = false
+    //     } else {
+    //       mapInstance.value.getLayer('model_white_zw').visible = true
+    //       mapInstance.value.getLayer('model_white_zw').opacity = 0.8
+    //     }
+    //   },
+    //   { immediate: true }
+    // )
 
     const handleMapComplete = (instance: any) => {
-      instance.getLayer('model_white_zw').visible = true
-      instance.getLayer('model_white_zw').opacity = 0.8
+      instance.getLayer('model_white_dyjd').visible = true
+      instance.getLayer('model_white_dyjd').opacity = 0.8
+      // instance.getLayer('model_white_zw').visible = true
+      // instance.getLayer('model_white_zw').opacity = 0.8
       map.value.addBoundary({ name: '南京东路街道', color: 'rgba(0,0,0,0)' })
+      mapInstance.value = instance
     }
     return {
       map,
+      mapInstance,
       curViewType,
       curTheme,
       streetComponentList,

src/view/right/business-entry.vue

 <template>
-  <m-card title="业务入口">
+  <!-- <m-card title="业务入口"> -->
+  <m-card title="重点工作">
     <div class="content">
-      <div @click="routeTo('527635870583459840')">振兴小区</div>
-      <div @click="routeTo('527635870583459841')">威海路62弄小区</div>
+      <div
+        v-for="entry in entrys"
+        :key="entry.type"
+        @click="routeTo(entry.type)"
+      >
+        {{ entry.name }}
+      </div>
     </div>
   </m-card>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent, computed } from 'vue'
 import { useRouter } from 'vue-router'
+import store from '@/store'
 export default defineComponent({
   name: 'BussinessEntry',
   setup() {
+    const entrys = computed(() => store.state.communityOptions)
     const router = useRouter()
     const routeTo = (id: string) => {
       router.push({
@@ -23,6 +31,7 @@ export default defineComponent({
       })
     }
     return {
+      entrys,
       routeTo,
     }
   },

src/view/right/duty-analysis.vue

@@ -36,9 +36,9 @@
         </div>
       </div>
     </div>
-    <div>
+    <div class="bar-chart">
       <SubTitle>居委事件数量</SubTitle>
-      <div v-if="showChart && barOption.series.length > 0" class="chart bar">
+      <div v-if="showChart && barOption.series.length > 0" class="chart">
         <m-bar :dataset="barData" :option="barOption" />
       </div>
       <m-empty v-else />
@@ -46,7 +46,7 @@
     <div class="rank">
       <SubTitle>分类排行</SubTitle>
       <div v-if="rankList.length > 0" class="content">
-        <m-scroll :length="rankList.length" :limit="3">
+        <m-scroll :length="rankList.length" :limit="4">
           <m-progress
             v-for="rank in rankList"
             :key="rank.name"
@@ -94,25 +94,29 @@ export default defineComponent({
       { name: '月', key: 'month' },
     ])
     const curOption = ref('month')
-    watch([() => curTab.value, () => store.state.curView.id], ([type, id]) => {
-      if (!id) return
-      store.dispatch('getDutyRank', {
-        gridId: id,
-        managementType: type,
-      })
-      store.dispatch('getDutyEvents', {
-        gridId: id,
-        managementType: type,
-      })
-      store.dispatch('getDutyPlaces', {
-        gridId: id,
-        managementType: type,
-      })
-      store.dispatch('getDutyRanking', {
-        gridId: id,
-        managementType: type,
-      })
-    })
+    watch(
+      [() => curTab.value, () => store.state.curView.id],
+      ([type, id]) => {
+        if (!id) return
+        store.dispatch('getDutyRank', {
+          gridId: id,
+          managementType: type,
+        })
+        store.dispatch('getDutyEvents', {
+          gridId: id,
+          managementType: type,
+        })
+        store.dispatch('getDutyPlaces', {
+          gridId: id,
+          managementType: type,
+        })
+        store.dispatch('getDutyRanking', {
+          gridId: id,
+          managementType: type,
+        })
+      },
+      { immediate: true }
+    )
 
     const rankList = computed(() => {
       const data = store.state.dutyRanking[curOption.value] || []
@@ -174,7 +178,7 @@ export default defineComponent({
       legend: {
         right: '2%',
         left: '10%',
-        top: '-4%',
+        top: '-2%',
         itemWidth: fontSize.value * 0.6,
         itemHeight: fontSize.value * 0.6,
       },
@@ -213,7 +217,7 @@ export default defineComponent({
       series: [
         {
           type: 'pie',
-          radius: [0, '90%'],
+          radius: [0, '80%'],
           center: ['40%', '50%'],
           label: {
             show: false,
@@ -265,8 +269,9 @@ export default defineComponent({
           border-color @color
           background rgba(50,197,255,.2)
 .rank
-  >div
-    max-height .6rem
+  min-height 1rem
+  .content
+    height 1rem
     overflow hidden
 .place
   .content
@@ -275,12 +280,14 @@ export default defineComponent({
     >div
       width 32%
       height .6rem
-.chart
-  width 100%
-  height 1.2rem
+.bar-chart
+  height 1.6rem
+  .chart
+    width 100%
+    height 90%
 .duty-type
   width 100%
-  height .6rem
+  height .8rem
   display flex
   .chart
     width 25%

src/view/right/duty.vue

@@ -57,17 +57,17 @@ export default defineComponent({
       return [
         {
           name: '综合管理',
-          value: [comprehensiveNum, comprehensiveEndNum],
+          value: [comprehensiveEndNum, comprehensiveNum],
           icon: icon6,
         },
         {
           name: '街面管理',
-          value: [streetNum, streetEndNum],
+          value: [streetEndNum, streetNum],
           icon: icon7,
         },
         {
           name: '小区管理',
-          value: [communityNum, communityEndNum],
+          value: [communityEndNum, communityNum],
           icon: icon8,
         },
       ]

src/view/right/public-work.vue

@@ -6,11 +6,11 @@
     </m-card>
     <m-card mode="border">
       <div class="duty"><Duty /></div>
-      <div class="neighbor"><NeighborEntry /></div>
+      <div class="neighbor"><BussinessEntry /></div>
     </m-card>
     <m-card mode="border">
       <div class="analysis"><DutyAnalysis /></div>
-      <div class="task"><KeyTask /></div>
+      <!-- <div class="task"><KeyTask /></div> -->
     </m-card>
   </div>
 </template>
@@ -20,21 +20,22 @@ import { defineComponent } from 'vue'
 import Convenient from './convenient.vue'
 import BeautyHome from './beauty-home.vue'
 import Duty from './duty.vue'
-import NeighborEntry from './neighbor-entry.vue'
+// import NeighborEntry from './neighbor-entry.vue'
+import BussinessEntry from './business-entry.vue'
 import DutyAnalysis from './duty-analysis.vue'
-import KeyTask from './key-task.vue'
+// import KeyTask from './key-task.vue'
 
 export default defineComponent({
   name: 'PublicWork',
   components: {
     Convenient,
     BeautyHome,
-    NeighborEntry,
+    // NeighborEntry,
+    BussinessEntry,
     Duty,
     DutyAnalysis,
-    KeyTask,
+    // KeyTask,
   },
-  setup() {},
 })
 </script>