| 1 |
- webpackJsonp([15],{HvWH:function(a,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=i("a3Yh"),s=i.n(t),n=(i("oyQM"),i("+/Yu")),l=i.n(n),r={data:function(){return{canvasdisplay:!0,loading:!1,map:null,input:"",basevalue:"河南省小麦长势遥感图",mapData:[{projectname:"河南省小麦长势遥感图",uuid:1,latlng:[113.681471,34.810371],Basename:"yunfei:xiaomaizhangshi",alt:2e6},{projectname:"河南省新乡市延津县冻害遥感图",uuid:2,latlng:[114.20266,35.14327],Basename:"yunfei:yanjindonghai",alt:2e5},{projectname:"河南省汝州市作物种植面积遥感图",uuid:3,latlng:[112.84301,34.16135],Basename:"yunfei:zhongzhimianji",alt:2e5},{projectname:"河南省鹤壁滑县小麦产量预测遥感图",uuid:4,latlng:[114.52066,35.5807],Basename:"yunfei:xaomaichanliang",alt:2e5},{projectname:"河南省尉氏县基地",uuid:5,latlng:[114.27633,34.370002],Basename:"yunfei:weishi",alt:2e3,url:"http://192.168.1.17:10086/share/terra_b3dms/tileset.json",center:{lat:34.359431,lng:114.279828,alt:324,heading:12,pitch:-20},position:{lng:114.280693,lat:34.367871,alt:-4}},{projectname:"河南省郑州市北三环基地",uuid:6,latlng:[113.681471,34.810371],Basename:"yunfei:beisanhuan",alt:2e3,url:"http://192.168.1.17:10086/share/3d/北三环/terra_b3dms/tileset.json",center:{lat:34.805576,lng:113.674393,alt:212,heading:8,pitch:-7},position:{lng:113.67584,lat:34.812291,alt:-11}}],dialogbaseinfo:!1,device_id:"",zoom:10,deviceinfo:{},equipListactive:0,aerialmap:null,drawVector:null,isDraw:!0,source:null,drawarr:[],baseinfolist:[{image:"../../../static/images/geoserver/henan.png",totalarea:"167000 km²",croparea:"8100万亩",introduce:"小麦是世界主要粮食作物之一，中国小麦产量世界第一，占到世界产量的1/6，河南小麦产量占到全国的近三分之一（28%）左右，换算一下，也就是说河南的小麦产量占到全球产量的1/18左右。所以，河南小麦品种的好坏直接影响到国家粮食安全，甚至对稳定全球小麦产量都起着重要作用。"},{image:"../../../static/images/geoserver/yanjin.jpg",totalarea:"886 km²",croparea:"95万亩",introduce:"延津县地处黄河流域，是豫北平原、中原城市群核心腹地，位于河南省省会郑州的北郊、扼守全国百强城市新乡的东大门，南北长45.5公里，东西宽42.5公里。延津县是国家优质小麦生产基地、中国粮棉主产基地县"},{image:"../../../static/images/geoserver/ruzhou.jpg",totalarea:"1573 km²",croparea:"165万亩",introduce:"汝州市为国家园林城市、国家卫生城市、全国绿化模范市、全国文明城市城市，被评为全国第二批节水型社会建设达标市、全省水生态文明城市、全省首批全域旅游示范市、首批省级森林城市，荣获中国十佳绿色城市、全国文旅融合特色创新示范市、中国汝瓷之都等称号，海绵城市项目荣获中国人居环境范例奖，PPP项目实施和土地节约集约利用两项工作受到国务院通报表彰"},{image:"../../../static/images/geoserver/huaxian.jpg",totalarea:"1814 km²",croparea:"195.21万亩",introduce:"滑县是中原经济区粮食生产核心区、河南省第一产粮大县、中国粮食生产先进单位，有“豫北粮仓”之称。 [5] 滑县主要旅游景点，隋唐大运河、张家遗址、瓦岗寨、明福寺塔、欧阳书院、千翠湖等。"},{image:"../../../static/images/geoserver/huaxian.jpg",totalarea:"1814 km²",croparea:"195.21万亩",introduce:"滑县是中原经济区粮食生产核心区、河南省第一产粮大县、中国粮食生产先进单位，有“豫北粮仓”之称。 [5] 滑县主要旅游景点，隋唐大运河、张家遗址、瓦岗寨、明福寺塔、欧阳书院、千翠湖等。"},{image:"../../../static/images/geoserver/huaxian.jpg",totalarea:"1814 km²",croparea:"195.21万亩",introduce:"滑县是中原经济区粮食生产核心区、河南省第一产粮大县、中国粮食生产先进单位，有“豫北粮仓”之称。 [5] 滑县主要旅游景点，隋唐大运河、张家遗址、瓦岗寨、明福寺塔、欧阳书院、千翠湖等。"}],selsectindex:0,layer:null,layer_3d:null,graphicLayer:null}},methods:{getEquipList:function(a,e){this.equipListactive=e},initmap:function(){this.map=new mars3d.Map("mars3dContainer",{scene:{center:{lat:34.3699,lng:114.276536,alt:2e7,heading:0,pitch:-45},scene3DOnly:!1,shadows:!1,removeDblClick:!0,sceneMode:3,showSun:!0,showMoon:!0,showSkyBox:!0,showSkyAtmosphere:!0,fog:!0,fxaa:!0,requestRenderMode:!1,globe:{depthTestAgainstTerrain:!1,baseColor:"#546a53",showGroundAtmosphere:!0,enableLighting:!1},cameraController:{zoomFactor:3,minimumZoomDistance:1,maximumZoomDistance:5e7,enableRotate:!0,enableTranslate:!0,enableTilt:!0,enableZoom:!0,enableCollisionDetection:!0,minimumCollisionTerrainHeight:15e3}},control:{baseLayerPicker:!0,homeButton:!0,sceneModePicker:!0,navigationHelpButton:!0,fullscreenButton:!0},terrain:{url:"http://data.mars3d.cn/terrain",show:!0},basemaps:[{id:10,name:"地图底图",type:"group"},{id:2021,pid:10,name:"天地图影像",icon:"http://mars3d.cn/img/basemaps/tdt_img.png",type:"tdt",layer:"img_d",key:["6e5cb1bfc017afcac7a21836cf81a884"],show:!0},{pid:10,name:"天地图电子",icon:"http://mars3d.cn/img/basemaps/tdt_vec.png",type:"group",layers:[{name:"底图",type:"tdt",layer:"vec_d",key:["6e5cb1bfc017afcac7a21836cf81a884"]},{name:"注记",type:"tdt",layer:"vec_z",key:["6e5cb1bfc017afcac7a21836cf81a884"]}]},{pid:10,name:"高德影像",type:"group",icon:"http://mars3d.cn/img/basemaps/gaode_img.png",layers:[{name:"底图",type:"gaode",layer:"img_d"},{name:"注记",type:"gaode",layer:"img_z"}]},{pid:10,name:"高德电子",type:"gaode",icon:"http://mars3d.cn/img/basemaps/gaode_vec.png",layer:"vec"},{pid:10,name:"百度影像",type:"group",icon:"http://mars3d.cn/img/basemaps/bd-img.png",layers:[{name:"底图",type:"baidu",layer:"img_d"},{name:"注记",type:"baidu",layer:"img_z"}]},{pid:10,name:"百度电子",icon:"http://mars3d.cn/img/basemaps/bd-vec.png",type:"baidu",layer:"vec"},{pid:10,name:"腾讯影像",icon:"http://mars3d.cn/img/basemaps/gaode_img.png",type:"group",layers:[{name:"底图",type:"tencent",layer:"img_d"},{name:"注记",type:"tencent",layer:"img_z"}]},{pid:10,name:"腾讯电子",icon:"http://mars3d.cn/img/basemaps/gaode_vec.png",type:"tencent",layer:"vec"},{pid:10,name:"ArcGIS影像",icon:"http://mars3d.cn/img/basemaps/esriWorldImagery.png",type:"xyz",url:"https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",enablePickFeatures:!1},{pid:10,name:"微软影像",icon:"http://mars3d.cn/img/basemaps/bingAerial.png",type:"bing",key:"AuKhM0WRkjhX8E4y1OM0TukYycaw_4Vh3eSfXONDf7OARls-WEB3K_Rfx89bWxof",layer:"Aerial"},{pid:10,name:"OSM地图",type:"xyz",icon:"http://mars3d.cn/img/basemaps/osm.png",url:"http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",subdomains:"abc"},{id:2017,pid:10,name:"蓝色底图",icon:"http://mars3d.cn/img/basemaps/bd-c-midnight.png",type:"xyz",url:"http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",chinaCRS:"GCJ02",enablePickFeatures:!1},{pid:10,name:"黑色底图",icon:"http://mars3d.cn/img/basemaps/bd-c-dark.png",type:"tencent",layer:"custom",style:"4"},{pid:10,name:"灰色底图",icon:"http://mars3d.cn/img/basemaps/bd-c-grayscale.png",type:"mapbox",username:"marsgis",styleId:"cki0a92b123qo1aluk0e5v7sb",scaleFactor:!0},{pid:10,name:"离线地图 (供参考)",type:"xyz",icon:"http://mars3d.cn/img/basemaps/mapboxSatellite.png",url:"http://data.mars3d.cn/tile/googleImg/{z}/{x}/{y}.jpg",minimumLevel:1,maximumLevel:18,minimumTerrainLevel:1,maximumTerrainLevel:18,rectangle:{xmin:-180,xmax:180,ymin:-85,ymax:85}},{pid:10,name:"单张图片 (本地离线)",icon:"http://mars3d.cn/img/basemaps/offline.png",type:"image",url:"//data.mars3d.cn/file/img/world/world.jpg"}]}),this.graphicLayer=new mars3d.layer.GraphicLayer,this.map.addLayer(this.graphicLayer),this.map.on(mars3d.EventType.click,function(a){var e=mars3d.LatLngPoint.fromCartesian(a.cartesian);console.log("鼠标单击坐标",e)})},loadlayer:function(a){null!=this.layer&&this.map.removeLayer(this.layer),this.layer=mars3d.LayerUtil.create({type:"wmts",url:"http://8.136.98.49:18080/geoserver/gwc/service/wmts",layer:a.Basename,style:"",format:"image/png",tileMatrixSetID:"EPSG:9009991024"}),console.log(a);var e={lng:a.latlng[0],lat:a.latlng[1],alt:a.alt,pitch:-80};this.map.addLayer(this.layer),this.map.setCameraView(e)},loadlayer3d:function(a){null!=this.layer_3d&&this.map.removeLayer(this.layer_3d),this.layer_3d=mars3d.LayerUtil.create({name:"模型名称",type:"3dtiles",url:a.url,maximumScreenSpaceError:1,maximumMemoryUsage:1024,center:a.center,show:!0,position:a.position,luminanceAtZenith:.1,scale:1}),this.map.addLayer(this.layer_3d)},setecharts:function(){var a=this,e={};0==this.selsectindex?e={data:[{value:10,name:"较差"},{value:10,name:"一般"},{value:80,name:"良好"}],color:["#fe100a","#fff000","#5aba4a"],croparea:"8100"}:1==this.selsectindex?e={data:[{value:6,name:"较差"},{value:44,name:"一般"},{value:50,name:"良好"}],color:["#fe100a","#fff000","#5aba4a"],croparea:"95"}:2==this.selsectindex?e={data:[{value:40,name:"较差"},{value:15,name:"一般"},{value:45,name:"良好"}],color:["#fe100a","#fff000","#5aba4a"],croparea:"165"}:3==this.selsectindex&&(e={data:[{value:5,name:"极差"},{value:30,name:"较差"},{value:45,name:"一般"},{value:20,name:"良好"}],color:["#000000","#fe5504","#fff000","#5aba4a"],croparea:"195.21"}),this.intcharts(e),window.addEventListener("resize",function(){a.myChart.resize()})},intcharts:function(a){console.log(a);var e=s()({color:a.color,title:!1,tooltip:{trigger:"item"},legend:{x:"center",y:"bottom",textStyle:{color:"#fff"}},series:[{name:"小麦长势",type:"pie",radius:"70%",label:{normal:{position:"inner",show:!1}},data:a.data,emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]},"tooltip",{trigger:"item",formatter:function(e){return e.name+"<br/>"+e.seriesName+"："+(a.croparea*(.01*e.value)).toFixed(2)+"万亩"}});l.a.init(document.getElementById("progress")).setOption(e)},selectchange:function(a){console.log(a),this.selsectindex=a-1,this.loadlayer(this.mapData[a-1]),5!=a&&6!=a||(this.loadlayer3d(this.mapData[a-1]),this.addGraphic_01(this.mapData[a-1].latlng)),this.setecharts()},addGraphic_01:function(a){var e=new mars3d.graphic.DivGraphic({position:[a[0],a[1],44],style:{html:'<div class="marsBlackPanel animation-spaceInDown">\n <div class="marsBlackPanel-text">尉氏基地</div>\n </div>',horizontalOrigin:Cesium.HorizontalOrigin.LEFT,verticalOrigin:Cesium.VerticalOrigin.CENTER,distanceDisplayCondition:new Cesium.DistanceDisplayCondition(0,4e5),highlight:{className:"marsBlackPanel-highlight"}}});this.graphicLayer.addGraphic(e);var i=new mars3d.graphic.DivGraphic({position:[114.276429,34.369841,44],style:{html:'<div class="marsTiltPanel marsTiltPanel-theme-green">\n <div class="marsTiltPanel-wrap">\n <div class="area">\n <div class="arrow-lt"></div>\n <div class="b-t"></div>\n <div class="b-r"></div>\n <div class="b-b"></div>\n <div class="b-l"></div>\n <div class="arrow-rb"></div>\n <div class="label-wrap">\n <div class="title">孢子仪设备</div>\n <div class="label-content">\n <div class="data-li">\n <div class="data-label">设备名称：</div>\n <div class="data-value"><span class="label-num">孢子仪</span>\n </div>\n </div>\n <div class="data-li">\n <div class="data-label">设备ID:</div>\n <div class="data-value"><span class="label-num">25555687489749848</span>\n </div>\n </div>\n <div class="data-li">\n <div class="data-label">工作状态：</div>\n <div class="data-value"><span class="label-tag data-value-status-0" alt="开启">2号</span></div>\n </div>\n <div class="data-li">\n <div class="data-label">在线状态：</div>\n <div class="data-value"><span class="label-tag data-value-status-1" alt="离线">1号</span></div>\n </div>\n </div>\n </div>\n </div>\n <div class="b-t-l"></div>\n <div class="b-b-r"></div>\n </div>\n <div class="arrow" ></div>\n </div>',horizontalOrigin:Cesium.HorizontalOrigin.LEFT,verticalOrigin:Cesium.VerticalOrigin.BOTTOM,distanceDisplayCondition:new Cesium.DistanceDisplayCondition(0,2e5),scaleByDistance:new Cesium.NearFarScalar(1e3,1,2e5,.2),clampToGround:!0},pointerEvents:!1});this.graphicLayer.addGraphic(i),i.testPoint=!0}},mounted:function(){this.initmap(),this.loadlayer(this.mapData[0]),this.setecharts()}},c={render:function(){var a=this,e=a.$createElement,t=a._self._c||e;return t("div",{staticClass:"mapbox"},[t("div",{staticClass:"mars3d-container",attrs:{id:"mars3dContainer"}}),a._v(" "),a._m(0),a._v(" "),t("div",{staticClass:"baseinfo"},[t("div",{staticClass:"baselist"},[t("el-select",{attrs:{placeholder:"请选择"},on:{change:a.selectchange},model:{value:a.basevalue,callback:function(e){a.basevalue=e},expression:"basevalue"}},a._l(a.mapData,function(a){return t("el-option",{key:a.value,attrs:{label:a.projectname,value:a.uuid}})}),1)],1),a._v(" "),t("div",{staticClass:"basedetails"},[t("p",{staticClass:"title"},[a._v("详情介绍")]),a._v(" "),t("p",{staticClass:"line"}),a._v(" "),t("div",{staticClass:"item"},[t("img",{staticClass:"itemimg",attrs:{src:a.baseinfolist[a.selsectindex].image,alt:""}}),a._v(" "),t("div",{staticClass:"item_info"},[t("p",[t("img",{attrs:{src:i("a21H"),alt:""}}),a._v(" "),t("span",[a._v("总面积："+a._s(a.baseinfolist[a.selsectindex].totalarea))])]),a._v(" "),t("p",[t("img",{attrs:{src:i("iOQU"),alt:""}}),a._v(" "),t("span",[a._v("种植面积："+a._s(a.baseinfolist[a.selsectindex].croparea))])])])]),a._v(" "),t("p",{staticClass:"details"},[a._v("\n "+a._s(a.baseinfolist[a.selsectindex].introduce)+"\n ")])]),a._v(" "),t("div",{staticClass:"proportion"},[t("p",{staticClass:"title"},[a._v("种植长势")]),a._v(" "),t("p",{staticClass:"line"}),a._v(" "),t("div",{ref:"progress",staticStyle:{width:"100%",height:"250px"},attrs:{id:"progress"}})])]),a._v(" "),t("el-dialog",{attrs:{title:"设备信息",visible:a.dialogbaseinfo,width:"30%",top:"15%"},on:{"update:visible":function(e){a.dialogbaseinfo=e}}},[t("div",{staticClass:"baseinfobox"},[t("p",[a._v("设备名称："+a._s(a.deviceinfo.name))]),a._v(" "),t("p",[a._v("设备id："+a._s(a.deviceinfo.device_id))]),a._v(" "),t("p",[a._v("地址："+a._s(a.deviceinfo.city))])]),a._v(" "),t("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[t("el-button",{on:{click:function(e){a.dialogbaseinfo=!1}}},[a._v("取 消")]),a._v(" "),t("el-button",{attrs:{type:"primary"},on:{click:function(e){a.dialogbaseinfo=!1}}},[a._v("确 定")])],1)])],1)},staticRenderFns:[function(){var a=this.$createElement,e=this._self._c||a;return e("div",{attrs:{id:"container"}},[e("img",{attrs:{src:i("pCAl"),alt:""}}),this._v(" "),e("p",[this._v("云飞遥感数字化平台")])])}]};var o=i("C7Lr")(r,c,!1,function(a){i("ZIQW")},"data-v-76d98d24",null);e.default=o.exports},ZIQW:function(a,e){},a21H:function(a,e){a.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACRklEQVQoz51SPWhTURg937333fTlp3ltmjTkRzRNbbSkPwZNrGlBQizaUvwppR0EEYoIljo4FUQRFERwc3JycK8FnQTHgpOog9QiQtUhtUKl9Zm8vHsdmrS6eqYPzvnOOcMhABwAQKShtcIOGABq3BqAamgYtKamYIfUWnnGs/M81TGwK9yBEr2xEc9o72zDWDcJDgAs2trVvni17rsy8uivVAYA/pvjz4NPLn1jQTPS/GFNB1lMz1DA5KI/UWIhf7yRqniiLWNkOvMi0ho1juw702zIAChmtVgynzqrqw54sq3H6IuXm3WMQmqSLDOkCWQMdZ0nU0oAigGA6EuWeDqc1bYDcIIc7p4ir+RkeYOycGACGtC/ahDZ+EmRjuQAgJFpeGQhNc18UsJVwG8XxmBylEeDh0V3uGhkokd1zQXqLli71y/y+6fJlAbnsWDGvHzioSbicBQUAQi0kLtZ3WKp8ADPxnPadgAQFCPwcCDtLH9aJBY0I9SfKLs1VfWfG1iovv/6ylldX8b61ho44wj5krIvVjZiVmb72bsH0itM9+2Xl0Jt2pXCx7XXd2ZSt+6GRKzUbRwbtkSn44n4NLQ2ao69FDMOrlhG9Hpejl17urqwsul+FwYjunGx5175dGJyaUOg1NHeOcRbinvbUPhZD8CrJMoXumbnHLLnHn+Yp7Fc+NTS7dwLBvAfLtAKDQH9z+KqYLABWBzYtuvbU/ffTIjjPcHBzxV7rb5VrwmmsQHa29TuhDQYgAoI8HBZPGTl8L/4A8iRs6w2GIN2AAAAAElFTkSuQmCC"},iOQU:function(a,e){a.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACHElEQVQoz52STUhUYRSGn+/77tx7x3H+rqmjU5kzg/iTVAiGjBqBYD8KQURCq0Bq0aqgCHeRQcugTbRrUxC0KHdFy2yTgu0UbFERODmojWPzc+/9WjQTIdWiF87yOc85h6MABch/lDZHu5KhS6NDImwpd3ktj5KyDv0tvtHZdNi+cPSx0eFck8n4acrVVW/168qfQL9WGsCeGpy1x3omtOcroy3qiJCVNvr3PtsNaQwpAgMdkyrV3AoglDC1r6HqgeuBpUw/XxC7jb7R1TIYmT0zR9W1qosfX+rtUk71th8XreE426Vv3x/N3yy/eL9I7TgKECIaVKEb40+dV1d1/Mn0ltGd6AcIJqP7YmPdE0Zqz0BNIH63aaMnccLKps/pzSIiakesk30zAOc77Y3bbe6S+2F9ARCArIO+bImEg1ODtxACfI0uuaih9KQazoyP9MTuHDnY9Lw9bjl1i6p10Oaxriv2eO9FXXJ/zuJrtgIBM3ugMXu32xhJp8L7c7nS2pvlzbd1UMtkrDN0efS+bLQcXA+ACqB8zb1YMd4nKyZCkEo0ZN6tbM19ypc3lIgGhX2qf8bMZib0TuXXwgUkZyly3V9HaaCqcZqDTuFb1fucL71Wgd62kYbp4QdCCikAISWelDRLzUOZIyE9tFSgBGg4lIkMrX4pLhgiZIX9XGFeb5d3kAKAMgKHCh7rLAEaUX8PlK0sO6Bi/G9+APXxrxDb+Ub6AAAAAElFTkSuQmCC"},oyQM:function(a,e){},pCAl:function(a,e,i){a.exports=i.p+"static/img/yunfei.72cc8c3.png"}});
|
