define([
|
'dojo/_base/declare',
|
'dojo/_base/lang',
|
'dojo/_base/array',
|
'dojo/_base/html',
|
"dojo/topic",
|
'jimu/BaseWidget',
|
'dojo/on',
|
'jimu/dijit/Popup',
|
'./GeologicalDisasterPanel',
|
'widgets/Scenic/js/coordtransform.js'
|
],
|
function (declare,
|
lang,
|
array,
|
html,
|
topic,
|
BaseWidget,
|
on,
|
Popup,
|
GeologicalDisasterPanel,
|
coordtransform
|
) {
|
return declare([BaseWidget], {
|
baseClass: 'jimu-widget-Scenic',
|
name: 'Scenic',
|
shidiLayer: null,
|
datas: null,
|
datasJQ: null,
|
scenicState: "jq",
|
startup: function () {
|
this.inherited(arguments);
|
|
var self = this;
|
|
var time = new Date().getTime();
|
|
var sign = md5("5b5cfa9a7f2ab049" + "6dff7b875b5cfa9a7f2ab049481c955f" + time);
|
|
$.ajax({
|
url: 'https://jxyunwan.com/api.php/external/access_token',
|
data: {
|
"appid": "5b5cfa9a7f2ab049",
|
"time": time,
|
"sign": sign
|
},
|
type: "POST",
|
dataType: "json",
|
success: function success(res) {
|
var token = res.data.access_token;
|
$.ajax({
|
url: 'https://jxyunwan.com/api.php/external/scenic',
|
data: {
|
"token": token,
|
"page": 1,
|
"ckey": "scenic",
|
"limit": 9999
|
},
|
type: "POST",
|
dataType: "json",
|
success: function success(data) {
|
self.datas = data.data;
|
self.createList(data.data);
|
}
|
});
|
|
$.ajax({
|
url: 'https://jxyunwan.com/api.php/external/viewpoint',
|
data: {
|
"token": token,
|
"page": 1,
|
"ckey": "viewpoint",
|
"limit": 9999
|
},
|
type: "POST",
|
dataType: "json",
|
success: function success(data) {
|
self.datasJQ = data.data;
|
}
|
});
|
|
}
|
});
|
|
$('#Scenic_intro-bt1').on('click', function () {
|
$('.jimu-widget-Scenic ul li').remove();
|
|
self.map.entities.removeAll();
|
|
if (self.scenicState == "jd") {
|
document.getElementById("query-btn").click();
|
} else {
|
//将标识改为景区
|
self.scenicState = "jq";
|
self.createList(self.datas);
|
self.addPoint(self.datas);
|
}
|
|
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(115.724880, 28.767446, 40000)
|
});
|
|
$('#chosePage').attr('style', 'display:block;');
|
$('#intro').attr('style', 'display:none');
|
|
$(".hudong-head").stop().show();
|
|
//清空全景及音频
|
$('.jimu-widget-Scenic .Scenic-enlarge-img .Scenic-enlarge-main .Scenic-enlarge-content ul').empty();
|
$('.jimu-widget-Scenic .Scenic-child-text div .Scenic-child-img-main .Scenic-child-img-content ul').empty();
|
$('#Scenic_qj').attr('src', '');
|
$('#Scenic_bgMusic').attr('src', "widgets/Scenic/" + '');
|
self._controlSendAll(false);
|
});
|
//添加地图点击事件
|
this.addHandler();
|
|
//添加自动讲解模式切换监听
|
topic.subscribe('openAudoAudio', lang.hitch(this, this._openAudoAudio));
|
|
|
// iframe放大
|
$('.jimu-widget-Scenic .Scenic-content .Scenic-big-iframe').off('click').click(function () {
|
var el = document.documentElement;
|
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
|
if (typeof rfs != "undefined" && rfs) {
|
rfs.call($('.jimu-widget-Scenic .Scenic-content #Scenic_qj')[0]);
|
}
|
return;
|
});
|
|
$('#bt1').on('click', function () {
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(115.724880, 28.767446, 40000)
|
});
|
|
//隐藏搜索框
|
$("#queryList").hide();
|
|
//清空表格
|
$('.jimu-widget-Scenic ul li').remove();
|
self.createList(self.datas);
|
self.map.entities.removeAll();
|
self.addPoint(self.datas);
|
//景区
|
$('#bt1').attr('class', 'layui-btn layui-btn-normal');
|
$('#bt2').attr('class', 'layui-btn layui-btn-primary');
|
|
//将全局状态标识改为景区
|
self.scenicState = "jq";
|
});
|
$('#bt2').on('click', function () {
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(115.724880, 28.767446, 40000)
|
});
|
|
//显示搜索框
|
$("#queryList").show();
|
|
//清空表格
|
$('.jimu-widget-Scenic ul li').remove();
|
self.createList(self.datasJQ);
|
self.map.entities.removeAll();
|
self.addPoint(self.datasJQ);
|
//景点
|
$('#bt1').attr('class', 'layui-btn layui-btn-primary');
|
$('#bt2').attr('class', 'layui-btn layui-btn-normal');
|
|
//将全局状态标识改为景点
|
self.scenicState = "jd";
|
});
|
|
//查询事件
|
$("#query-btn").click(function () {
|
var query = $(".query-inp").val();
|
var queryData = [];
|
for (var i = 0; i < self.datasJQ.length; i++) {
|
if (self.datasJQ[i].title.indexOf(query) != "-1") {
|
queryData.push(self.datasJQ[i]);
|
}
|
}
|
//清空表格
|
$('.jimu-widget-Scenic ul li').remove();
|
self.map.entities.removeAll();
|
|
self.createList(queryData);
|
self.addPoint(queryData);
|
|
});
|
|
//清空事件
|
$("#query-clean").click(function () {
|
$(".query-inp").val("");
|
//清空表格
|
$('.jimu-widget-Scenic ul li').remove();
|
self.map.entities.removeAll();
|
|
self.createList(self.datasJQ);
|
self.addPoint(self.datasJQ);
|
|
});
|
|
|
// 详情轮播图的放大
|
$(".jimu-widget-Scenic .Scenic-content .Scenic-child-img-content").off('click', 'li img').on('click', 'li img', function () {
|
$(".jimu-widget-Scenic .Scenic-enlarge-img").stop().show();
|
});
|
|
|
// 轮播图放大的关闭
|
$(".jimu-widget-Scenic .Scenic-enlarge-img .Scenic-enlarge-close").off('click').click(function () {
|
$(".jimu-widget-Scenic .Scenic-enlarge-img").stop().hide();
|
});
|
},
|
_openAudoAudio: function (flag) {
|
if (flag == true && this.state != "closed") {
|
this._autoIntroduce();
|
} else {
|
for (var i = 0; i < this.datas.length; i++) {
|
clearTimeout(this.datas[i].settimeoutId);
|
}
|
}
|
},
|
|
//自动介绍
|
_autoIntroduce: function () {
|
var self = this;
|
var timeTotal = 0;
|
for (var i = 0; i < self.datas.length; i++) {
|
var element = self.datas[i];
|
//计算下一个湿地启动的等待时间，其中playTime为当前湿地播放时间，3秒为飞行所需时间
|
timeTotal = timeTotal + element.playTime + 3000;
|
if (i < self.datas.length - 1) {
|
self.datas[i + 1].waitTime = timeTotal;
|
}
|
(function (element) {
|
element.settimeoutId = setTimeout(function () {
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(element.x, element.y, element.h),
|
duration: 3,
|
complete: function () {
|
self.loadChirden(element);
|
}
|
});
|
}, element.waitTime);
|
})(element);
|
}
|
},
|
|
onMinimize: function () {
|
// this.resize();
|
},
|
|
onMaximize: function () {
|
// this.resize();
|
},
|
onOpen: function () {
|
//面板打开的时候触发，添加标签到地图上
|
var self = this;
|
window.openAudioName = this.name;
|
this.getData("https://jxyunwan.com/api.php/external/scenic", "scenic", "","jq");
|
setTimeout(function () {
|
//自动讲解模式
|
if (window.modelIndex == 1) {
|
self._autoIntroduce();
|
}
|
}, 200);
|
},
|
|
onClose: function () {
|
//面板打开的时候触发，删除地图上标签
|
var self = this;
|
self.map.entities.removeAll();
|
self._controlSendAll(false);
|
$('#chosePage').attr('style', 'display:block;');
|
$('#intro').attr('style', 'display:none');
|
$('#Scenic_qj').attr('src', '');
|
$("#Scenic_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-Scenic ul li').remove();
|
this.createList(list);
|
} else {
|
$('.jimu-widget-Scenic ul li').remove();
|
this.createList(this.datas);
|
}
|
},
|
createList: function (dataList) {
|
var self = this;
|
dataList.forEach(function (element) {
|
$(".jimu-widget-Scenic .Scenic-listul").append("<li id='" + element.id + "'><img src='" + element.thumb +
|
"'/><p><span>" +
|
element.title + "</span></p></li>");
|
}, this);
|
|
//添加li点击事件，地图定位
|
$('.jimu-widget-Scenic .Scenic-listul li').click(function () {
|
|
let selectItem = this.innerText.trim();
|
if (self.scenicState == "jq") {
|
var ar = dataList.find(function (elem) {
|
return elem.title == selectItem;
|
});
|
self.loadChirden(ar);
|
//将景点数据传入
|
self.getData("https://jxyunwan.com/api.php/external/viewpoint", "viewpoint", ar.id,"jd");
|
} else {
|
var ids = $(this).attr("id");
|
var ar = dataList.find(function (elem) {
|
return elem.title == selectItem && elem.id == ids;
|
});
|
|
//坐标转换成WGS84
|
var x = coordtransform.gcj02towgs84(ar.lng,ar.lat)[0];
|
var y = coordtransform.gcj02towgs84(ar.lng,ar.lat)[1];
|
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(Number(x), Number(y), 500)
|
});
|
//self.openWindow(ar);
|
self.loadChirden(ar);
|
}
|
});
|
|
},
|
loadChirden: function (item) {
|
//切换显示
|
$('#chosePage').attr('style', 'display:none');
|
$('#intro').attr('style', 'display:block');
|
|
$(".hudong-head").stop().hide();
|
|
//添加图片
|
$('.jimu-widget-Scenic .Scenic-enlarge-img .Scenic-enlarge-main .Scenic-enlarge-content ul').empty();
|
$('.jimu-widget-Scenic .Scenic-child-text div .Scenic-child-img-main .Scenic-child-img-content ul').empty();
|
// 单张图片的处理方式
|
$(".jimu-widget-Scenic .Scenic-enlarge-img .Scenic-enlarge-main .Scenic-enlarge-left").stop().hide();
|
$(".jimu-widget-Scenic .Scenic-enlarge-img .Scenic-enlarge-main .Scenic-enlarge-right").stop().hide();
|
$(".jimu-widget-Scenic .Scenic-child-text div .Scenic-child-img-main .Scenic-child-img-left").stop().hide();
|
$(".jimu-widget-Scenic .Scenic-child-text div .Scenic-child-img-main .Scenic-child-img-right").stop().hide();
|
$('.jimu-widget-Scenic .Scenic-enlarge-img .Scenic-enlarge-main .Scenic-enlarge-content ul').append("<li> <img src='" + item.thumb + "' alt=''> </li>");
|
$('.jimu-widget-Scenic .Scenic-child-text div .Scenic-child-img-main .Scenic-child-img-content ul').append("<li> <img src='" + item.thumb + "' alt=''> </li>");
|
|
|
//添加文字
|
$('#Scenic_page').html(item.desc);
|
$('.intro-head h3').text(item.title);
|
|
$.ajax({
|
url: 'widgets/Scenic/datas.json',
|
type: "POST",
|
dataType: "json",
|
success: function success(data) {
|
|
var data = data.data;
|
for (var i = 0; i < data.length; i++) {
|
if (data[i].name == item.title) {
|
//语音介绍
|
$('#Scenic_bgMusic').attr('src', "widgets/Scenic/" + data[i].audio);
|
}
|
}
|
}
|
});
|
|
$('#Scenic_audio-control').attr('src', "./images/open-play-Monitoring.png");
|
$('#Scenic_audio-control').click('onclick', function () {
|
var player = $("#Scenic_bgMusic")[0];
|
if (player.paused) { /*如果已经暂停*/
|
player.play(); /*播放*/
|
$('#Scenic_audio-control').attr('src', "./images/open-play-Monitoring.png");
|
} else {
|
player.pause(); /*暂停*/
|
$('#Scenic_audio-control').attr('src', "./images/close-paly-Monitoring.png");
|
}
|
|
})
|
|
},
|
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;
|
if (self.scenicState == "jq") {
|
self.scenicState = "jqs";
|
for (var j = 0; j < self.datas.length; j++) {
|
if (obj.id == self.datas[j].id) {
|
self.loadChirden(this.datas[j]);
|
self.getData("https://jxyunwan.com/api.php/external/viewpoint", "viewpoint", self.datas[j].id,"jd");
|
return;
|
}
|
}
|
break;
|
} else if (self.scenicState == "jd") {
|
for (var j = 0; j < self.datasJQ.length; j++) {
|
if (obj.id == self.datasJQ[j].id) {
|
//self.openWindow(self.datasJQ[j]);
|
self.loadChirden(self.datasJQ[j]);
|
return;
|
}
|
}
|
break;
|
} else {
|
for (var j = 0; j < self.datasJQ.length; j++) {
|
if (obj.id == self.datasJQ[j].id) {
|
self.openWindow(self.datasJQ[j]);
|
//self.loadChirden(self.datasJQ[j]);
|
return;
|
}
|
}
|
break;
|
}
|
|
}
|
|
}
|
},
|
getData: function (url, ckey, sid,type) {
|
// 从json中获取数据
|
var self = this;
|
self.map.scene.globe.depthTestAgainstTerrain = false;
|
|
var time = new Date().getTime();
|
|
var sign = md5("5b5cfa9a7f2ab049" + "6dff7b875b5cfa9a7f2ab049481c955f" + time);
|
|
$.ajax({
|
url: 'https://jxyunwan.com/api.php/external/access_token',
|
data: {
|
"appid": "5b5cfa9a7f2ab049",
|
"time": time,
|
"sign": sign
|
},
|
type: "POST",
|
dataType: "json",
|
success: function success(res) {
|
var token = res.data.access_token;
|
$.ajax({
|
url: url,
|
data: {
|
"token": token,
|
"page": 1,
|
"ckey": ckey,
|
"sid": sid,
|
"limit": 9999
|
},
|
type: "POST",
|
dataType: "json",
|
success: function success(data) {
|
var result = data.data;
|
|
self.map.entities.removeAll();
|
|
self.addPoint(result);
|
|
//景区定位
|
if (type == "jq"){
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(115.724880, 28.767446, 40000)
|
});
|
}else if (type == "jd"){
|
|
//坐标转换成WGS84
|
var x = coordtransform.gcj02towgs84(result[1].lng,result[1].lat)[0];
|
var y = coordtransform.gcj02towgs84(result[1].lng,result[1].lat)[1];
|
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(Number(x), Number(y), 2400)
|
});
|
}
|
|
|
// self.map.camera.flyTo({
|
// destination: Cesium.Cartesian3.fromDegrees(Number(ar.lng), Number(ar.lat), 1000)
|
// });
|
|
|
if (ckey == "viewpoint") {
|
result.forEach(function (element) {
|
$(".jimu-widget-Scenic .Scenic-viewpoint").append("<li id='" + element.id + "'><img src='" + element.thumb +
|
"'/><p><span>" +
|
element.title + "</span></p></li>");
|
}, this);
|
//添加景点li点击事件，地图定位
|
$('.Scenic-viewpoint li').click(function (item) {
|
var selectItem = this.innerText.trim();
|
var ids = $(this).attr("id");
|
var ar = result.find(function (elem) {
|
return elem.title == selectItem && elem.id == ids;
|
});
|
|
//坐标转换成WGS84
|
var x = coordtransform.gcj02towgs84(ar.lng,ar.lat)[0];
|
var y = coordtransform.gcj02towgs84(ar.lng,ar.lat)[1];
|
|
self.map.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(Number(x), Number(y), 500)
|
});
|
self.openWindow(ar);
|
});
|
}
|
}
|
});
|
}
|
});
|
},
|
|
addPoint: function (result) {
|
|
var self = this;
|
|
for (var i = 0; i < result.length; i++) {
|
|
var imgs = "";
|
|
if (result[i].ckey == "scenic") {
|
imgs = "./widgets/Scenic/img/scenic.png";
|
} else if (result[i].ckey == "viewpoint") {
|
imgs = "./widgets/Scenic/img/viewpoint.png";
|
} else if (result[i].ckey == "town") {
|
imgs = "./widgets/Scenic/img/town.png";
|
} else if (result[i].ckey == "street") {
|
imgs = "./widgets/Scenic/img/street.png";
|
} else if (result[i].ckey == "ancient") {
|
imgs = "./widgets/Scenic/img/ancient.png";
|
} else if (result[i].ckey == "delicacy") {
|
imgs = "./widgets/Scenic/img/delicacy.png";
|
} else if (result[i].ckey == "shopping") {
|
imgs = "./widgets/Scenic/img/shopping.png";
|
} else if (result[i].ckey == "stay") {
|
imgs = "./widgets/Scenic/img/stay.png";
|
} else if (result[i].ckey == "toilet") {
|
imgs = "./widgets/Scenic/img/toilet.png";
|
} else if (result[i].ckey == "parking") {
|
imgs = "./widgets/Scenic/img/parking.png";
|
} else if (result[i].ckey == "recreation") {
|
imgs = "./widgets/Scenic/img/recreation.png";
|
} else if (result[i].ckey == "other") {
|
imgs = "./widgets/Scenic/img/other.png";
|
}
|
|
var stHeight = 0;
|
if(result[i].title == "洪崖丹井" || result[i].stitle == "洪崖丹井"){
|
stHeight = 280;
|
}
|
//坐标转换成WGS84
|
var x = coordtransform.gcj02towgs84(result[i].lng,result[i].lat)[0];
|
var y = coordtransform.gcj02towgs84(result[i].lng,result[i].lat)[1];
|
|
self.map.entities.add({
|
id: result[i].id,
|
lightid: result[i].lightid,
|
position: Cesium.Cartesian3.fromDegrees(Number(x), Number(y), stHeight),
|
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 (item) {
|
layer.open({
|
title: item.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);
|
}
|
|
});
|
},
|
});
|
});
|
