| | |
| | | [{ |
| | | [ |
| | | { |
| | | "name": "鄱阳湖区域漫游", |
| | | "sites": [{ |
| | | "id": 0, |
| | |
| | | "roll": 0.15288734882291413, |
| | | "time": 3 |
| | | }] |
| | | }, |
| | | { |
| | | "name": "鄱阳湖国家级保护区倾斜飞行路线1", |
| | | "sites": [{ |
| | | "id": 0, |
| | | "lgtd": 115.749088, |
| | | "lttd": 28.674319, |
| | | "height": 12179.32, |
| | | "heading": 338.02, |
| | | "pitch": -70.89, |
| | | "roll": 0, |
| | | "time": 10 |
| | | }, { |
| | | "id": 1, |
| | | "lgtd": 115.741067, |
| | | "lttd": 28.695646, |
| | | "height": 3236.37, |
| | | "heading": 338.02, |
| | | "pitch": -70.86, |
| | | "roll": 0, |
| | | "time": 10 |
| | | }, { |
| | | "id": 2, |
| | | "lgtd": 115.738726, |
| | | "lttd": 28.702285, |
| | | "height": 330.00, |
| | | "heading": 350.00, |
| | | "pitch": -37.45, |
| | | "roll": 0, |
| | | "time": 0 |
| | | }] |
| | | }, |
| | | { |
| | | "name": "鄱阳湖国家级保护区倾斜飞行路线2", |
| | | "sites": [{ |
| | | "id": 0, |
| | | "lgtd": 115.960852, |
| | | "lttd": 29.164005, |
| | | "height": 1497.76, |
| | | "heading": 87.75, |
| | | "pitch": -41.49, |
| | | "roll": 0, |
| | | "time": 16 |
| | | }, { |
| | | "id": 1, |
| | | "lgtd": 116.010312, |
| | | "lttd": 29.187787, |
| | | "height": 140.39, |
| | | "heading": 88.07, |
| | | "pitch": -24.73, |
| | | "roll": 0, |
| | | "time": 0 |
| | | }] |
| | | } |
| | | ] |
| | |
| | | |
| | | $(".jimu-widget-Layermanagement .layer-tab button").click(function () { |
| | | $(".jimu-widget-Layermanagement .layer-list").stop().toggle(); |
| | | |
| | | if($(".jimu-widget-Layermanagement .layer-list").is(":hidden")){ |
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity").stop().hide(); |
| | | } |
| | | }) |
| | | |
| | | $(".jimu-widget-Layermanagement .sign-head-th-xx").click(function () { |
| | | $(".jimu-widget-Layermanagement .layer-list").stop().hide(); |
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity").stop().hide(); |
| | | }) |
| | | |
| | | $(".jimu-widget-Layermanagement .layer-list ul").on("click", "li .layer-opacity", function () { |
| | |
| | | "<span title='" + obj.title + "'>" + |
| | | obj.title + |
| | | "</span>" + |
| | | "<button type='button' class='layui-btn layui-btn-normal layui-btn-sm control-btn layer-opacity' title='透明度调整'>" + |
| | | "<button type='button' class='layui-btn layui-btn-normal layui-btn-sm control-btn layer-opacity' title='透明度控制'>" + |
| | | "<img src='./images/工具(用以切换图层的透明度).png' alt=''>" + |
| | | "</button>" + |
| | | "<button type='button' class='layui-btn layui-btn-normal layui-btn-sm control-btn setup' title='向上移动图层'>" + |
| | |
| | | name: 'instructions', |
| | | layers: {}, |
| | | startup: function () { |
| | | |
| | | // 暴露在外的接口 |
| | | var that = this, |
| | | url = 'http://171.34.76.171:8880/pyh-station/metaWetlandProtect/queryNameAndIdAssembleMap', |
| | |
| | | $('.jimu-widget-instructions').find('.instructions-title').empty().append(str); |
| | | |
| | | for (var i = 0; i < d.length; i++) { |
| | | if (that['layer' + d[i].id]) { |
| | | that.map.imageryLayers.remove(that['layer' + d[i].id]); |
| | | var itemObj = {}; |
| | | |
| | | itemObj.src = d[i].src; |
| | | |
| | | itemObj.title = d[i].title; |
| | | |
| | | itemObj.id = 'layer' + d[i].id; |
| | | |
| | | |
| | | if (that[itemObj.id]) { |
| | | |
| | | itemObj.alpha = that[itemObj.id].alpha; |
| | | |
| | | that[itemObj.id].show = false; |
| | | |
| | | topic.publish('removeItem', 'Layermanagement', itemObj); |
| | | |
| | | } |
| | | } |
| | | |
| | | if (obj.src) { |
| | | |
| | | var itemObj = {}; |
| | | |
| | | itemObj.src = obj.src; |
| | | |
| | | itemObj.title = obj.title; |
| | | |
| | | itemObj.id = 'layer' + obj.id; |
| | | |
| | | |
| | | if (that[itemObj.id]) { |
| | | |
| | | itemObj.alpha = that[itemObj.id].alpha; |
| | | |
| | | that[itemObj.id].show = true; |
| | | |
| | | that[itemObj.id].getViewableRectangle().then(function (rectangle) { |
| | | return that.map.camera.flyTo({ |
| | | destination: rectangle |
| | | }); |
| | | }); |
| | | |
| | | topic.publish('appendItem', 'Layermanagement', itemObj, that[itemObj.id]); |
| | | |
| | | } else { |
| | | itemObj.alpha = 1; |
| | | |
| | | $.ajax({ |
| | | url: obj.src + '/maps.json', |
| | | url: itemObj.src + '/maps.json', |
| | | type: 'get', |
| | | dataType: 'JSON', |
| | | success: function (result) { |
| | | |
| | | that['layer' + obj.id] = that.map.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({ |
| | | that[itemObj.id] = that.map.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({ |
| | | url: result[0].path, |
| | | })); |
| | | |
| | | that['layer' + obj.id].alpha = 1; |
| | | that[itemObj.id].alpha = 1; |
| | | |
| | | that['layer' + obj.id].getViewableRectangle().then(function (rectangle) { |
| | | topic.publish('appendItem', 'Layermanagement', itemObj, that[itemObj.id]); |
| | | |
| | | that[itemObj.id].getViewableRectangle().then(function (rectangle) { |
| | | return that.map.camera.flyTo({ |
| | | destination: rectangle |
| | | }); |
| | |
| | | |
| | | } |
| | | }) |
| | | |
| | | } |
| | | |
| | | } else { |
| | | |
| | | layui.use(function () { //亦可加载特定模块:layui.use(['layer', 'laydate', function(){ |
| | |
| | | name: '剖面分析', |
| | | classs: 'profileAnalysis-tool', |
| | | img: './images/addL/剖面分析.png' |
| | | }, |
| | | { |
| | | name: '模型渲染--占位', |
| | | classs: 'modelDiagram-tool', |
| | | img: './images/addL/pdpx.png' |
| | | } |
| | | // , { |
| | | // name: '坡度分析', |
| | | // classs: 'slope-tool', |
| | | // img: './images/addL/pdpx.png' |
| | | // } |
| | | ]; |
| | | var dom = $('#spatialAnalysis-main'); |
| | | var str = ''; |
| | |
| | | <img class="v-a-o-img" src="./images/自主体验-1.png" alt=""> |
| | | <div class="v-a-o-title">自主</div> |
| | | </div> --> |
| | | |
| | | |
| | | <div class="visualAngleOnce v-a-Two"> |
| | | <img class="v-a-o-img" src="./images/漫游体验.png" alt=""> |
| | | <div> |
| | | <i></i> |
| | | <div class="v-a-o-title">漫游</div> |
| | | </div> |
| | | <div class="visualAngleOnce v-a-Three" style="border-right: 1px solid #DDDDDD;"> |
| | | <img class="v-a-o-img" src="./images/固定视角.png" alt=""> |
| | | </div> |
| | | |
| | | <div class="visualAngleOnce v-a-Three"> |
| | | <div> |
| | | <i></i> |
| | | <div class="v-a-o-title">固定</div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | |
| | | .jimu-widget-visualAngle .visualAngleOnce { |
| | | width: 72px; |
| | | box-sizing: border-box; |
| | | /* border: 1px solid springgreen; */ |
| | | height: 36px; |
| | | cursor: pointer; |
| | | line-height: 36px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | /* flex-direction: column; */ |
| | | font-size: 13px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .jimu-widget-visualAngle .visualAngleOnce>div { |
| | | width: 100%; |
| | | height: 24px; |
| | | border-right: 1px solid #DDDDDD; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .jimu-widget-visualAngle .visualAngleOnce:hover .v-a-o-title { |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | .jimu-widget-visualAngle .visualAngleOnce .v-a-o-title { |
| | | color: #969696 !important; |
| | | color: #838383 !important; |
| | | position: relative; |
| | | left: 3px; |
| | | } |
| | |
| | | background-color: #3F9DFD; |
| | | } |
| | | |
| | | .jimu-widget-visualAngle .visualAngleOnce.on img, .jimu-widget-visualAngle .visualAngleOnce.on div { |
| | | .jimu-widget-visualAngle .visualAngleOnce.on img, |
| | | .jimu-widget-visualAngle .visualAngleOnce.on div { |
| | | filter: grayscale(100%) brightness(200%); |
| | | } |
| | | |
| | | .jimu-widget-visualAngle .visualAngleOnce:nth-child(1) { |
| | | border-radius: 6px 0 0 6px; |
| | | border-right: 1px solid rgba(155, 155, 155, 0.2); |
| | | } |
| | | |
| | | .jimu-widget-visualAngle .visualAngleOnce:nth-child(3) { |
| | | /* border-radius: 0 6px 6px 0; */ |
| | | border-left: 1px solid rgba(155, 155, 155, 0.2); |
| | | } |
| | | |
| | | .jimu-widget-visualAngle .v-a-o-img { |
| | | position: relative; |
| | | top: 5px; |
| | | left: -2px; |
| | | width: 20px; |
| | | margin-bottom: 8px; |
| | | .jimu-widget-visualAngle .v-a-Two i { |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-right: 4px; |
| | | vertical-align: middle; |
| | | background: url(../../../images/漫游体验.png) no-repeat; |
| | | background-size: 100% 100%; |
| | | } |
| | | |
| | | .jimu-widget-visualAngle .v-a-Three i { |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-right: 4px; |
| | | vertical-align: middle; |
| | | background: url(../../../images/固定视角.png) no-repeat; |
| | | background-size: 100% 100%; |
| | | } |