define([
|
'dojo/_base/declare',
|
'dojo/_base/lang',
|
'dojo/_base/array',
|
'dojo/_base/html',
|
"dojo/topic",
|
'jimu/BaseWidget',
|
'dojo/on',
|
'jimu/dijit/Popup',
|
'./GeologicalDisasterPanel'
|
],
|
function (declare,
|
lang,
|
array,
|
html,
|
topic,
|
BaseWidget,
|
on,
|
Popup,
|
GeologicalDisasterPanel
|
) {
|
return declare([BaseWidget], {
|
baseClass: 'jimu-widget-PathShow',
|
name: 'PathShow',
|
shidiLayer: null,
|
datas: null,
|
polyline: null,
|
layer: null,
|
startup: function () {
|
this.inherited(arguments);
|
|
var self = this;
|
|
$.ajax({
|
url: 'widgets/PathShow/jddatas.json',
|
type: "POST",
|
dataType: "json",
|
success: function success(data) {
|
self.datas = data.data;
|
self.createList(data.data);
|
}
|
});
|
|
//添加地图点击事件
|
this.addHandler();
|
|
},
|
|
onMinimize: function () {
|
// this.resize();
|
},
|
|
onMaximize: function () {
|
// this.resize();
|
},
|
onOpen: function () {
|
//面板打开的时候触发，添加标签到地图上
|
var self = this;
|
window.openAudioName = this.name;
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(115.737419, 28.747867, 32000)
|
});
|
},
|
|
onClose: function () {
|
//面板打开的时候触发，删除地图上标签
|
var self = this;
|
self.map.entities.removeAll();
|
self._controlSendAll(false);
|
$('#chosePage').attr('style', 'display:block;');
|
$('#intro').attr('style', 'display:none');
|
$('#PathShow_qj').attr('src', '');
|
$("#PathShow_bgMusic").attr('src', '');
|
for (var i = 0; i < this.datas.length; i++) {
|
clearTimeout(this.datas[i].settimeoutId);
|
}
|
},
|
|
// resize: function() {
|
|
// },
|
|
destroy: function () {
|
this.inherited(arguments);
|
},
|
|
//关键字过滤
|
query: function () {
|
var text = this.keyNode.value;
|
if (text != "" && text.length > 0) {
|
var list = array.filter(this.datas, function (g) {
|
if (g.name.indexOf(text) > -1) {
|
return true;
|
} else {
|
return false;
|
}
|
}, this);
|
|
$('.jimu-widget-PathShow ul li').remove();
|
this.createList(list);
|
} else {
|
$('.jimu-widget-PathShow ul li').remove();
|
this.createList(this.datas);
|
}
|
},
|
createList: function (dataList) {
|
var self = this;
|
dataList.forEach(function (element, index) {
|
$(".jimu-widget-PathShow .PathShow-listul").append("<li id='" + element.id + "'><p><span>" + (index + 1) + "、" +
|
element.name + "</span></p></li>");
|
}, this);
|
|
//添加li点击事件，地图定位
|
$('.jimu-widget-PathShow .PathShow-listul li span').click(function () {
|
$(".jimu-widget-PathShow .PathShow-listul li span").removeClass("bck_color");
|
$(this).addClass("bck_color");
|
});
|
|
//添加li点击事件，地图定位
|
$('.jimu-widget-PathShow .PathShow-listul li').click(function () {
|
let selectItem = this.innerText.trim();
|
selectItem = selectItem.split("、")[1];
|
|
var ids = $(this).attr("id");
|
var ar = dataList.find(function (elem) {
|
return elem.name == selectItem && elem.id == ids;
|
});
|
|
|
//清除地图点
|
self.map.entities.removeAll();
|
|
self.addPoint(ar);
|
|
$.ajax({
|
url: 'widgets/PathShow/datas.json',
|
type: "POST",
|
dataType: "json",
|
success: function success(res) {
|
for (var i = 0; i < res.features.length; i++) {
|
if (res.features[i].attributes.Name == selectItem) {
|
self.addLines(res.features[i]);
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(res.features[i].attributes.x, res.features[i].attributes.y, res.features[i].attributes.height)
|
});
|
}
|
}
|
|
}
|
});
|
|
|
});
|
|
},
|
loadChirden: function (item) {
|
//切换显示
|
$('#chosePage').attr('style', 'display:none');
|
$('#intro').attr('style', 'display:block');
|
|
$(".hudong-head").stop().hide();
|
|
//添加图片
|
$('.jimu-widget-PathShow .PathShow-enlarge-img .PathShow-enlarge-main .PathShow-enlarge-content ul').empty();
|
$('.jimu-widget-PathShow .PathShow-child-text div .PathShow-child-img-main .PathShow-child-img-content ul').empty();
|
// 单张图片的处理方式
|
$(".jimu-widget-PathShow .PathShow-enlarge-img .PathShow-enlarge-main .PathShow-enlarge-left").stop().hide();
|
$(".jimu-widget-PathShow .PathShow-enlarge-img .PathShow-enlarge-main .PathShow-enlarge-right").stop().hide();
|
$(".jimu-widget-PathShow .PathShow-child-text div .PathShow-child-img-main .PathShow-child-img-left").stop().hide();
|
$(".jimu-widget-PathShow .PathShow-child-text div .PathShow-child-img-main .PathShow-child-img-right").stop().hide();
|
$('.jimu-widget-PathShow .PathShow-enlarge-img .PathShow-enlarge-main .PathShow-enlarge-content ul').append("<li> <img src='" + item.thumb + "' alt=''> </li>");
|
$('.jimu-widget-PathShow .PathShow-child-text div .PathShow-child-img-main .PathShow-child-img-content ul').append("<li> <img src='" + item.thumb + "' alt=''> </li>");
|
|
},
|
addHandler: function () {
|
var handler = new Cesium.ScreenSpaceEventHandler(this.map.scene.canvas);
|
handler.setInputAction(lang.hitch(this, this.clickHandler), Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
},
|
clickHandler: function (movement) {
|
var self = this;
|
var pickedObjects = self.map.scene.drillPick(movement.position);
|
if (Cesium.defined(pickedObjects)) {
|
for (var i = 0; i < pickedObjects.length; ++i) {
|
var obj = pickedObjects[i].id;
|
for (var j = 0; j < self.datas.length; j++) {
|
if (obj.id.split("path")[1] == self.datas[j].id) {
|
self.openWindow(obj.id.split("path")[0], self.datas[j]);
|
return;
|
}
|
}
|
|
|
}
|
|
}
|
},
|
addLines: function (result) {
|
|
var res = result.geometry.paths[0];
|
|
var id = result.OBJECTID;
|
|
var self = this;
|
|
if (self.polyline != null) {
|
self.layer.remove(self.polyline);
|
}
|
|
var positions = '';
|
for (var i = 0; i < res.length; i++) {
|
if (i != res.length - 1) {
|
positions += res[i][0] + ',' + res[i][1] + ';';
|
} else {
|
positions += res[i][0] + ',' + res[i][1];
|
}
|
|
}
|
|
self.layer = new DC.VectorLayer('layer')
|
|
window.dcViewer.addLayer(self.layer)
|
|
self.polyline = new DC.Polyline(positions);
|
|
self.polyline.setStyle({
|
width: 10,
|
material: new DC.PolylineImageTrailMaterialProperty({
|
speed: 20,
|
image: './images/arrow.png',
|
repeat: {x: 40, y: 1}
|
}),
|
clampToGround: true
|
});
|
self.layer.addOverlay(self.polyline);
|
|
let position = new DC.Position(115.70683949300007, 28.80868520100006);
|
let circle = new DC.Circle(position, 2000)
|
circle.setStyle({
|
material: new DC.ImageMaterialProperty({
|
image: './images/circle_bg.png'
|
})
|
})
|
circle.rotateAmount = 0.01
|
let model = new DC.Model(position, './images/zhui.glb')
|
model.setStyle({
|
scale: 100
|
})
|
model.rotateAmount = 4
|
self.layer.addOverlay(model).addOverlay(circle)
|
|
},
|
addPoint: function (res) {
|
|
var result = res.lx;
|
|
var self = this;
|
|
for (var i = 0; i < result.length; i++) {
|
|
|
var imgs = "";
|
|
imgs = "./widgets/PathShow/img/viewpoint.png";
|
|
self.map.entities.add({
|
id: result[i].id + "path" + res.id,
|
position: Cesium.Cartesian3.fromDegrees(Number(result[i].x), Number(result[i].y), 200),
|
label: {
|
text: result[i].title,
|
font: "700 16px '黑体'",
|
fillColor: Cesium.Color.PALETURQUOISE,
|
outlineColor: Cesium.Color.BLACK,
|
outlineWidth: 2,
|
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
|
horizontalOrigin: Cesium.HorizontalOrigin.TOP,
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
pixelOffset: new Cesium.Cartesian2(0, -9),
|
pixelOffsetScaleByDistance: new Cesium.NearFarScalar(1.5e2, 3.0, 1.5e7, 0.5)
|
},
|
billboard: {
|
image: imgs,
|
scale: 0.8,
|
width: 30,
|
height: 35,
|
pixelOffset: new Cesium.Cartesian2(0, 0),
|
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
|
}
|
});
|
}
|
|
},
|
// 点击弹出面板;
|
openWindow: function (id, item) {
|
for (var i = 0; i < item.lx.length; i++) {
|
|
if (id == item.lx[i].id) {
|
var xb = i;
|
layer.open({
|
title: item.lx[xb].title,
|
type: 2,
|
shadeClose: true,
|
shade: false,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['802px', '526px'],
|
content: "./widgets/Scenic/popup/popup.html",
|
id: "popup",
|
closeBtn: 1,
|
success: function (layero, index) {
|
|
// 传递index给子页面
|
//var iframe = window['layui-layer-iframe' + index];
|
//iframe.child(item.lx[xb]);
|
}
|
|
});
|
}
|
}
|
|
|
},
|
});
|
});
|
