对接接口

liuyg

2021-06-05 f0aa142d4f9e742745451ad7d1af5f36cac7a40b

对接接口

 config.json

@@ -170,6 +170,16 @@
      }, {
        "name": "左侧导航栏",
        "uri": "widgets/LeftNavigationBar/Widget"
      }, {
        "name": "图上量算",
        "uri": "widgets/plotting/Widget",
        "position": {
          "right": 10,
          "top": 96,
          "width": "350px",
          "height": "800px",
          "relativeTo": "map"
        }
      }
    ],
    "groups": [],

 index.html

@@ -14,8 +14,11 @@
    <script src="libs/layer/layer.js"></script>
    <!--空间分析插件turf引用-->
    <!-- <script src="libs/turf/turf.min.js"></script> -->
    <!-- layui -->
    <script src='libs/layui/layui/layui.js'></script>
    <link rel="stylesheet" href="libs/layui/layui/css/layui.css">
    <!-- axios -->
    <script src='libs/axios/axios.js'></script>
    <!--<link rel="shortcut icon" href="images/shortcut.ico">-->
    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="jimu.js/css/jimu-ie.css"/>

 libs/axios/axios.js

New file
@@ -0,0 +1,3 @@
/* axios v0.21.1 | (c) 2020 by Matt Zabriskie */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.axios=t():e.axios=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){var t=new i(e),n=s(i.prototype.request,t);return o.extend(n,i.prototype,t),o.extend(n,t),n}var o=n(2),s=n(3),i=n(4),a=n(22),u=n(10),c=r(u);c.Axios=i,c.create=function(e){return r(a(c.defaults,e))},c.Cancel=n(23),c.CancelToken=n(24),c.isCancel=n(9),c.all=function(e){return Promise.all(e)},c.spread=n(25),c.isAxiosError=n(26),e.exports=c,e.exports.default=c},function(e,t,n){"use strict";function r(e){return"[object Array]"===R.call(e)}function o(e){return"undefined"==typeof e}function s(e){return null!==e&&!o(e)&&null!==e.constructor&&!o(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}function i(e){return"[object ArrayBuffer]"===R.call(e)}function a(e){return"undefined"!=typeof FormData&&e instanceof FormData}function u(e){var t;return t="undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer}function c(e){return"string"==typeof e}function f(e){return"number"==typeof e}function p(e){return null!==e&&"object"==typeof e}function d(e){if("[object Object]"!==R.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function l(e){return"[object Date]"===R.call(e)}function h(e){return"[object File]"===R.call(e)}function m(e){return"[object Blob]"===R.call(e)}function y(e){return"[object Function]"===R.call(e)}function g(e){return p(e)&&y(e.pipe)}function v(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams}function x(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}function w(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)}function b(e,t){if(null!==e&&"undefined"!=typeof e)if("object"!=typeof e&&(e=[e]),r(e))for(var n=0,o=e.length;n<o;n++)t.call(null,e[n],n,e);else for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.call(null,e[s],s,e)}function E(){function e(e,n){d(t[n])&&d(e)?t[n]=E(t[n],e):d(e)?t[n]=E({},e):r(e)?t[n]=e.slice():t[n]=e}for(var t={},n=0,o=arguments.length;n<o;n++)b(arguments[n],e);return t}function j(e,t,n){return b(t,function(t,r){n&&"function"==typeof t?e[r]=S(t,n):e[r]=t}),e}function C(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}var S=n(3),R=Object.prototype.toString;e.exports={isArray:r,isArrayBuffer:i,isBuffer:s,isFormData:a,isArrayBufferView:u,isString:c,isNumber:f,isObject:p,isPlainObject:d,isUndefined:o,isDate:l,isFile:h,isBlob:m,isFunction:y,isStream:g,isURLSearchParams:v,isStandardBrowserEnv:w,forEach:b,merge:E,extend:j,trim:x,stripBOM:C}},function(e,t){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},function(e,t,n){"use strict";function r(e){this.defaults=e,this.interceptors={request:new i,response:new i}}var o=n(2),s=n(5),i=n(6),a=n(7),u=n(22);r.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{},e.url=arguments[0]):e=e||{},e=u(this.defaults,e),e.method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[a,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach(function(e){t.unshift(e.fulfilled,e.rejected)}),this.interceptors.response.forEach(function(e){t.push(e.fulfilled,e.rejected)});t.length;)n=n.then(t.shift(),t.shift());return n},r.prototype.getUri=function(e){return e=u(this.defaults,e),s(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},o.forEach(["delete","get","head","options"],function(e){r.prototype[e]=function(t,n){return this.request(u(n||{},{method:e,url:t,data:(n||{}).data}))}}),o.forEach(["post","put","patch"],function(e){r.prototype[e]=function(t,n,r){return this.request(u(r||{},{method:e,url:t,data:n}))}}),e.exports=r},function(e,t,n){"use strict";function r(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}var o=n(2);e.exports=function(e,t,n){if(!t)return e;var s;if(n)s=n(t);else if(o.isURLSearchParams(t))s=t.toString();else{var i=[];o.forEach(t,function(e,t){null!==e&&"undefined"!=typeof e&&(o.isArray(e)?t+="[]":e=[e],o.forEach(e,function(e){o.isDate(e)?e=e.toISOString():o.isObject(e)&&(e=JSON.stringify(e)),i.push(r(t)+"="+r(e))}))}),s=i.join("&")}if(s){var a=e.indexOf("#");a!==-1&&(e=e.slice(0,a)),e+=(e.indexOf("?")===-1?"?":"&")+s}return e}},function(e,t,n){"use strict";function r(){this.handlers=[]}var o=n(2);r.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},r.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},r.prototype.forEach=function(e){o.forEach(this.handlers,function(t){null!==t&&e(t)})},e.exports=r},function(e,t,n){"use strict";function r(e){e.cancelToken&&e.cancelToken.throwIfRequested()}var o=n(2),s=n(8),i=n(9),a=n(10);e.exports=function(e){r(e),e.headers=e.headers||{},e.data=s(e.data,e.headers,e.transformRequest),e.headers=o.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),o.forEach(["delete","get","head","post","put","patch","common"],function(t){delete e.headers[t]});var t=e.adapter||a.adapter;return t(e).then(function(t){return r(e),t.data=s(t.data,t.headers,e.transformResponse),t},function(t){return i(t)||(r(e),t&&t.response&&(t.response.data=s(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)})}},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t,n){return r.forEach(n,function(n){e=n(e,t)}),e}},function(e,t){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},function(e,t,n){"use strict";function r(e,t){!s.isUndefined(e)&&s.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}function o(){var e;return"undefined"!=typeof XMLHttpRequest?e=n(12):"undefined"!=typeof process&&"[object process]"===Object.prototype.toString.call(process)&&(e=n(12)),e}var s=n(2),i=n(11),a={"Content-Type":"application/x-www-form-urlencoded"},u={adapter:o(),transformRequest:[function(e,t){return i(t,"Accept"),i(t,"Content-Type"),s.isFormData(e)||s.isArrayBuffer(e)||s.isBuffer(e)||s.isStream(e)||s.isFile(e)||s.isBlob(e)?e:s.isArrayBufferView(e)?e.buffer:s.isURLSearchParams(e)?(r(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):s.isObject(e)?(r(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};u.headers={common:{Accept:"application/json, text/plain, */*"}},s.forEach(["delete","get","head"],function(e){u.headers[e]={}}),s.forEach(["post","put","patch"],function(e){u.headers[e]=s.merge(a)}),e.exports=u},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t){r.forEach(e,function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])})}},function(e,t,n){"use strict";var r=n(2),o=n(13),s=n(16),i=n(5),a=n(17),u=n(20),c=n(21),f=n(14);e.exports=function(e){return new Promise(function(t,n){var p=e.data,d=e.headers;r.isFormData(p)&&delete d["Content-Type"];var l=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(h+":"+m)}var y=a(e.baseURL,e.url);if(l.open(e.method.toUpperCase(),i(y,e.params,e.paramsSerializer),!0),l.timeout=e.timeout,l.onreadystatechange=function(){if(l&&4===l.readyState&&(0!==l.status||l.responseURL&&0===l.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in l?u(l.getAllResponseHeaders()):null,s=e.responseType&&"text"!==e.responseType?l.response:l.responseText,i={data:s,status:l.status,statusText:l.statusText,headers:r,config:e,request:l};o(t,n,i),l=null}},l.onabort=function(){l&&(n(f("Request aborted",e,"ECONNABORTED",l)),l=null)},l.onerror=function(){n(f("Network Error",e,null,l)),l=null},l.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(f(t,e,"ECONNABORTED",l)),l=null},r.isStandardBrowserEnv()){var g=(e.withCredentials||c(y))&&e.xsrfCookieName?s.read(e.xsrfCookieName):void 0;g&&(d[e.xsrfHeaderName]=g)}if("setRequestHeader"in l&&r.forEach(d,function(e,t){"undefined"==typeof p&&"content-type"===t.toLowerCase()?delete d[t]:l.setRequestHeader(t,e)}),r.isUndefined(e.withCredentials)||(l.withCredentials=!!e.withCredentials),e.responseType)try{l.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&l.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&l.upload&&l.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then(function(e){l&&(l.abort(),n(e),l=null)}),p||(p=null),l.send(p)})}},function(e,t,n){"use strict";var r=n(14);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},function(e,t,n){"use strict";var r=n(15);e.exports=function(e,t,n,o,s){var i=new Error(e);return r(i,t,n,o,s)}},function(e,t){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},function(e,t,n){"use strict";var r=n(2);e.exports=r.isStandardBrowserEnv()?function(){return{write:function(e,t,n,o,s,i){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(s)&&a.push("domain="+s),i===!0&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}}():function(){return{write:function(){},read:function(){return null},remove:function(){}}}()},function(e,t,n){"use strict";var r=n(18),o=n(19);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},function(e,t){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},function(e,t){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},function(e,t,n){"use strict";var r=n(2),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,s,i={};return e?(r.forEach(e.split("\n"),function(e){if(s=e.indexOf(":"),t=r.trim(e.substr(0,s)).toLowerCase(),n=r.trim(e.substr(s+1)),t){if(i[t]&&o.indexOf(t)>=0)return;"set-cookie"===t?i[t]=(i[t]?i[t]:[]).concat([n]):i[t]=i[t]?i[t]+", "+n:n}}),i):i}},function(e,t,n){"use strict";var r=n(2);e.exports=r.isStandardBrowserEnv()?function(){function e(e){var t=e;return n&&(o.setAttribute("href",t),t=o.href),o.setAttribute("href",t),{href:o.href,protocol:o.protocol?o.protocol.replace(/:$/,""):"",host:o.host,search:o.search?o.search.replace(/^\?/,""):"",hash:o.hash?o.hash.replace(/^#/,""):"",hostname:o.hostname,port:o.port,pathname:"/"===o.pathname.charAt(0)?o.pathname:"/"+o.pathname}}var t,n=/(msie|trident)/i.test(navigator.userAgent),o=document.createElement("a");return t=e(window.location.href),function(n){var o=r.isString(n)?e(n):n;return o.protocol===t.protocol&&o.host===t.host}}():function(){return function(){return!0}}()},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t){function n(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function o(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(s[o]=n(void 0,e[o])):s[o]=n(e[o],t[o])}t=t||{};var s={},i=["url","method","data"],a=["headers","auth","proxy","params"],u=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],c=["validateStatus"];r.forEach(i,function(e){r.isUndefined(t[e])||(s[e]=n(void 0,t[e]))}),r.forEach(a,o),r.forEach(u,function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(s[o]=n(void 0,e[o])):s[o]=n(void 0,t[o])}),r.forEach(c,function(r){r in t?s[r]=n(e[r],t[r]):r in e&&(s[r]=n(void 0,e[r]))});var f=i.concat(a).concat(u).concat(c),p=Object.keys(e).concat(Object.keys(t)).filter(function(e){return f.indexOf(e)===-1});return r.forEach(p,o),s}},function(e,t){"use strict";function n(e){this.message=e}n.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},n.prototype.__CANCEL__=!0,e.exports=n},function(e,t,n){"use strict";function r(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise(function(e){t=e});var n=this;e(function(e){n.reason||(n.reason=new o(e),t(n.reason))})}var o=n(23);r.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},r.source=function(){var e,t=new r(function(t){e=t});return{token:t,cancel:e}},e.exports=r},function(e,t){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},function(e,t){"use strict";e.exports=function(e){return"object"==typeof e&&e.isAxiosError===!0}}])});
//# sourceMappingURL=axios.min.map

 widgets/LeftNavigationBar/Widget.js

@@ -29,7 +29,9 @@
            layers: {},
            startup: function () {
                // 暴露在外的接口
                this.begin(this.data);
                // this.begin(this.data);
                var that = this;
                this.getData();

                $('.left-navigation-bar-but').click(() => {
                    this.changeImg = !this.changeImg;
@@ -46,59 +48,45 @@


                $('.jimu-widget-instructions').css({ 'left': '260px' });

                var dictionaries = []//转数据
                    , inits = (d, useData) => {
                        var b = useData || [];
                        for (var k in d) {
                            let val = {
                                title: d[k].title,
                                id: d[k].id
                            }
                            b.push(val);
                            if (d[k].children) {
                                b[k].child = [];
                                inits(d[k].children, b[k].child)
                            }
                        }
                    };
                inits(this.data, dictionaries);


                $('#left-navigation-bar-main-search').click(() => {//搜索事件
                    var val = $('#left-navigation-bar-main-input').val();
                    if (val) {
                        var ids = ''
                            , clearOur = () => {
                                let dom = $(`[data-id]`);
                                // console.log(dom);
                                dom.removeClass('layui-tree-spread');
                                let domDiv = dom.find('.layui-tree-pack');
                                domDiv.css({ 'display': 'none' })
                            }
                            , useit = (d) => {
                                var d = d;

                        var clearOur = () => {
                            let dom = $(`[data-id]`);
                            // console.log(dom);
                            dom.removeClass('layui-tree-spread');
                            let domDiv = dom.find('.layui-tree-pack');
                            domDiv.css({ 'display': 'none' })
                        }
                            , a
                            , useit = (d,i) => {
                                var i = i || [];
                                for (var k in d) {
                                    if (d[k].title.indexOf(val) != -1) {//选中id
                                        let a = '' + d[k].id,
                                            b = a.split('');
                                        for (var i in b) {
                                            let id = a.slice(0, i);//选中项的所有父级id
                                            // console.log(id)
                                            let dom = $(`[data-id='${id}']`);
                                            dom.addClass('layui-tree-spread');
                                            let domDiv = dom.find('.layui-tree-pack').eq(0);
                                            domDiv.css({ 'display': 'block' })
                                        }
                                    if (d[k].who == 'father') {
                                        that.father = d[k].id
                                        // console.log(that.father, i)
                                    }
                                    if (d[k].child) {
                                        useit(d[k].child);
                                    if (d[k].title.indexOf(val) != -1) {//选中id
                                        a = '' + d[k].id;
                                        // var b = a.split('');
                                        // for (var i in b) {
                                        let id = that.father;//选中项的所有父级id
                                        //     // console.log(id)
                                        let dom = $(`[data-id='${id}']`);
                                        dom.addClass('layui-tree-spread');
                                        let domDiv = dom.find('.layui-tree-pack').eq(0);
                                        domDiv.css({ 'display': 'block' })
                                        // }
                                        // console.log(a, that.father)
                                    }
                                    if (d[k].children) {
                                        i.push(that.father)
                                        useit(d[k].children,i);
                                    }
                                }
                            };
                        clearOur();
                        useit(dictionaries);
                        useit(that.data);
                    } else {

                    }
@@ -126,6 +114,61 @@

            resize: function () {

            },
            getData: function () {
                var url = 'http://171.34.76.171:8880/zhsd-wetResource/GeoData/queryGeoDataTree'
                    , that = this;

                axios.get(url, {
                    headers: {
                        "token": 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJpc3MiOiJlY2hpc2FuIiwic3ViIjoiYWRtaW4iLCJpYXQiOjE2MjI4Nzc0MTIsImV4cCI6MTYyNTQ2OTQxMn0.f2GhYYINfYgSbyKTqqGluyU3rdy_TT8mf15iLILS1l2EUSye_h9O6CSUVWpLYMrdrjzqDWwrbROxfhy-8ly0uA'
                    }
                }).then((res) => {
                    if (res.data.code == '200') {
                        that.changeData(res.data.data);//重写数据
                    }
                })
            },
            changeData: function (val) {//重写数据
                var data = [],
                    i = 1,
                    inits = (d, childData) => {
                        var b = childData || [];
                        for (var k in d) {

                            let a = {
                                title: d[k].name,
                                // id: d[k].id,
                                // field: String(d[k].id),
                                id: i,
                                field: String(i)
                            }
                            b.push(a);
                            i++;
                            if (d[k].children.length != 0) {
                                b[k].children = [];
                                b[k].who = 'father';
                                inits(d[k].children, b[k].children)
                            }
                        }

                    };
                inits(val, data);
                console.log(data)

                var ccinit = (a) => {
                    for (let k in a) {
                        if (a[k].children) {
                            a[k].who = 'father';
                            // console.log(a[k].id)
                            ccinit(a[k].children)
                        }
                    }
                };
                // ccinit(this.data);
                // console.log(this.data)
                this.data = data;
                this.begin(this.data);
            },
            begin: function (data) {
                var that = this;
@@ -185,6 +228,7 @@
                })
            },
            changeImg: true,
            father: [],
            data: [{
                title: '采集站点'
                , id: 1

 widgets/plotting/Widget.html

New file
@@ -0,0 +1,15 @@
<div class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html"
    style="margin: 0px; overflow: hidden;background: #fff;height: 100%;">
    <div id="menu" style="position: absolute;width: 320px;height: 80%;border: 1px solid #3473b7;z-index: 98;">
        <div class="easyui-panel"
            style="position:absolute;top:0px;bottom:0px;left:0px;right:0px;padding:5px; width: 100%;height: 80%">
            <div class="easyui-tabs" style="width: 100%;height: 100%">
                <div id="plotPanel" title="标绘面板" style="  height: 100%;overflow: hidden;"></div>
                <div id="stylePanel" title="属性面板" style="width: 320px;overflow: hidden"></div>
            </div>
        </div>
    </div>

    <div id="cesiumContainer" class="fullSize" style="position: relative;left: 14%;width: 86%;height: 100%;">
    </div>
</div>

 widgets/plotting/Widget.js

New file
@@ -0,0 +1,79 @@
///////////////////////////////////////////////////////////////////////////
// Copyright © 2020 zhongsong. All Rights Reserved.
// 模块描述:河流水面线分析
///////////////////////////////////////////////////////////////////////////
define([
    'dojo/_base/declare',
    'dojo/_base/lang',
    'dojo/_base/array',
    'dojo/_base/html',
    'dojo/topic',
    'jimu/BaseWidget',
    './mars3d-src'
],
    function (declare,
        lang,
        array,
        html,
        topic,
        BaseWidget
    ) {
        return declare([BaseWidget], {
            baseClass: 'jimu-widget-plotting',
            name: 'plotting',
            type: '',
            startup: function () {
                var cesium, scene, viewer, serverUrl, plotting;
                var plottingLayer;
                var plotEditControl;
                var plotDrawControl;
                var plotPanel;

                var begin = (Cesium) => {
                    cesium = Cesium;
                    var host = 'http://support.supermap.com.cn:8090';
                    viewer = new Cesium.Viewer('cesiumContainer');
                    scene = viewer.scene;
                    scene.globe.depthTestAgainstTerrain = false;
                    serverUrl = host + '/iserver/services/plot-jingyong/rest/plot';
                    InitPlot(viewer, serverUrl);
                };
                var InitPlot = (viewer, serverUrl) => {
                    // console.log(viewer, serverUrl)
                    if (!viewer) {
                        return;
                    }
                    plottingLayer = new cesium.PlottingLayer(scene, "plottingLayer");
                    scene.plotLayers.add(plottingLayer);

                    plotEditControl = new cesium.PlotEditControl(scene, plottingLayer);//编辑控件
                    plotDrawControl = new cesium.PlotDrawControl(scene, plottingLayer);//绘制控件
                    plotDrawControl.drawControlEndEvent.addEventListener(function () {//标绘结束，激活编辑控件
                        plotEditControl.activate();
                    });

                    plotting = cesium.Plotting.getInstance(serverUrl, scene);
                    //标绘面板
                    initPlotPanel("plotPanel", serverUrl, plotDrawControl, plotEditControl, plotting);
                    stylePanel = new StylePanel('stylePanel', plotEditControl, plotting);
                }

                //删除指定标号
                function deleteSeleGeo() {
                    plottingLayer.removeGeoGraphicObject(plottingLayer.selectedFeature);
                }
                //“Delete”按键删除选中标号
                $(document).keydown(function (event) {
                    if (event.keyCode === 46) {
                        deleteSeleGeo();
                    }
                });

                if (typeof Cesium !== 'undefined') {
                    window.startupCalled = true;
                    begin(Cesium);
                }
            }

        });
    });

 widgets/plotting/css/style.css

New file
@@ -0,0 +1,13 @@
.jimu-widget-plotting{
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .75);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  color: rgb(0, 0, 0);
  font-size: 16px;
  display: block;
  border-radius: 10px;
  z-index: 16;
  display:  none;
}

 widgets/plotting/manifest.json

New file
@@ -0,0 +1,17 @@
{
  "name": "plotting",
  "2D": true,
  "3D": true,
  "platform": "HTML",
  "version": "2.10",
  "wabVersion": "2.10",
  "author": "liu",
  "description": "",
  "copyright": "",
  "license": "",
  "properties": {
    "hasConfig": false,
    "inPanel": false,
    "hasVersionManager": false
  }
}

 widgets/plotting/mars3d-src.js

New file
Diff too large

 widgets/plotting/nls/es/strings.js

New file
@@ -0,0 +1,5 @@
define(
   ({
    _widgetLabel: "plotting"
  })
);

 widgets/plotting/nls/strings.js

New file
@@ -0,0 +1,7 @@
define({
  root: ({
    _widgetLabel: "plotting"
  }),
  "es": 1,
  "zh-cn": 1
});

 widgets/plotting/nls/zh-cn/strings.js

New file
@@ -0,0 +1,5 @@
define(
   ({
    _widgetLabel: "要素标绘"
  })
);