import request from '@/api/request'
import bus from './bus'
import { intensity, getbounds, createPic, picurl } from "@/api/http";
import { Message, Loading } from 'element-ui';
import data from "../utils/data.json"
import Vue from 'vue';
import poiLayer from '@/components/common/test'
//白膜
export function loadBaimo(num) {
//上海小面积白膜
let url1 = "http://183.162.245.49:8099/SHdata/SH_CLIP_BM/tileset.json"
let url12 = "http://183.162.245.49:8099/SHdata/LJZ_JM_BM1/tileset.json"
//广州精模 2 3 4
let url2 = "http://183.162.245.49:82/SG/b3dm/part1.412787/tileset.json"
let url3 = "http://183.162.245.49:82/SG/b3dm/_3.412788/tileset.json"
let url4 = "http://183.162.245.49:82/SG/b3dm/_2.413191/tileset.json"
let url6 = "http://183.162.245.49:8099/SHdata/GZ_BM_3DTILE1/tileset.json"//广州白膜
let url7 = "http://183.162.245.49:8099/SHdata/LJZJM3DTILES/tileset.json"//上海手工精模
let url8 = "http://183.162.245.49:8099/SHdata/SHQX_3dtiles/3dtiles/tileset.json"//飞飞上海倾斜
let url9 = "http://183.162.245.49:8099/SHdata/GZ_TH_3DTILE/tileset.json"//广州精模(天河)
let url10 = "http://183.162.245.49:8099/SHdata/GZ_fujia_2/tileset.json"//广州精模(天河)
let url11 = "http://183.162.245.49:8099/SHdata/GZ_fujia_3/tileset.json"//广州精模(天河)
switch (num) {
case 1:
window.model1 = sgworld.Creator.create3DTilesets("", url1, {}, {
}, "0", true, (data) => {
});
window.model12 = sgworld.Creator.create3DTilesets("", url12, {}, {
}, "0", true, (data) => {
});
break;
case 2:
window.model8 = sgworld.Creator.create3DTilesets("", url8, {}, {
}, "0", true, (data) => {
});
break;
case 3:
window.model7 = sgworld.Creator.create3DTilesets("", url7, {}, {
}, "0", true, (data) => {
});
break;
case 4:
window.model9 = sgworld.Creator.create3DTilesets("", url9, {}, {
}, "0", true, (data) => {
});
window.model10 = sgworld.Creator.create3DTilesets("", url10, {}, {
}, "0", true, (data) => {
});
window.model11 = sgworld.Creator.create3DTilesets("", url11, {}, {
}, "0", true, (data) => {
});
break;
case 5:
window.model2 = sgworld.Creator.create3DTilesets("", url2, {}, {
}, "0", true, (data) => {
});
window.model3 = sgworld.Creator.create3DTilesets("", url3, {}, {
}, "0", true, (data) => {
});
window.model4 = sgworld.Creator.create3DTilesets("", url4, {}, {
}, "0", true, (data) => {
});
break;
case 6:
window.model6 = sgworld.Creator.create3DTilesets("", url6, {}, {
}, "0", true, (data) => {
});
break;
// case 7:
// window.model13= sgworld.Creator.create3DTilesets("", url13, {}, {
// }, "0", true, (data) => {
// });
// window.model14= sgworld.Creator.create3DTilesets("", url14, {}, {
// }, "0", true, (data) => {
// });
// window.model15= sgworld.Creator.create3DTilesets("", url15, {}, {
// }, "0", true, (data) => {
// });
// break;
default:
break;
}
//初始添加注记
}
//水系
//点
window.deleteObj = []
export function loaddian(urls, name, height) {
var data = {
font_family: "微软雅黑",
font_size: 16,
pointHeight: height,
showBackground: true,
text: name,
fillColor: "#00ffff",
outlineColor: "#000000",
outlineWidth: 2,
disableDepthTestDistance: Infinity,
near: 0,
far: 2000,
};
let dx = sgworld.Creator.createLabelPointGeoJsonFeatureLayer("", urls, data, "0", true)
//
window.deleteObj.push(dx)
}
//路网
export function loadLW() {
var urls = "http://183.162.245.49:8099/gisserver/tmsserver/SH_peitu"
var layer = sgworld.Creator.createUrlTemplateImageryProvider('tms服务', {
url: Cesium.buildModuleUrl(urls + "/{z}/{x}/{reverseY}.png"),
Level: 15
}, '0', undefined, true, "");
var urls1 = "http://183.162.245.49:8099//gisserver/tmsserver/SH_sj"
var layer1 = sgworld.Creator.createUrlTemplateImageryProvider('tms服务', {
url: Cesium.buildModuleUrl(urls1 + "/{z}/{x}/{reverseY}.png"),
Level: 6
}, '0', undefined, true, "");
}
//聚合效果
export function juhe(params, name) {
var url;
var billboardImage;
var jhtype;
var dataSource;
if (name === "监测站") {
url = "http://221.224.53.36:9080/gis/monitor/stations";
billboardImage = "./static/img/jcz.png";
jhtype = 'GET';
dataSource = new Cesium.CustomDataSource("jcz");
} else if (name === "系统台站") {
url = "http://221.224.53.36:9080/map/searchRsbtStn";
billboardImage = "./static/img/blue.png";
jhtype = 'POST';
dataSource = new Cesium.CustomDataSource("xttz");
} else if (name === "测试台站") {
}
if (!params) {
if (name === "系统台站") {
var ds = viewer.dataSources.getByName("xttz");
if (ds.length > 0) {
for (var i = 0; i < ds.length; i++) {
viewer.dataSources.remove(ds[i]);
}
}
} else if (name === "监测站") {
var jcz = viewer.dataSources.getByName("jcz");
if (jcz.length > 0) {
for (var i = 0; i < jcz.length; i++) {
viewer.dataSources.remove(jcz[i]);
}
}
if (window.modelList.length > 0) {
for (var j = 0; j < window.modelList.length; j++) {
window.modelList[j].deleteObject();
}
}
}
} else {
var dataSourcePromise = viewer.dataSources.add(dataSource);
$.ajax({
url: url,
contentType: 'application/json;charset=UTF-8',
type: jhtype,
dataType: 'json',
data: JSON.stringify({ "freqRfb": 87, "freqRfe": 108 }),
success: function (data) {
if (data.message == "Success") {
data.rows.forEach((item) => {
if (item.statName) {
item.dataType = "XXTZ";
var pixelO = (item.statName.length / 2 * 20)
dataSource.entities.add(new Cesium.Entity({
position: Cesium.Cartesian3.fromDegrees(item.statLg, item.statLa, 500),
label: {
showBackground: true,
backgroundColor: new Cesium.Color.fromCssColorString("#000").withAlpha(0.3),
text: item.statName,
font: "15px Helvetica",
fillColor: Cesium.Color.fromCssColorString("#FCFF00"), pixelOffset: new Cesium.Cartesian2(pixelO, 0),
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(10, 1000000)
},
billboard: {
image: billboardImage,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
width: 30, // default: undefined
height: 30,
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(10, 1000000)
},
properties: item,
}));
} else if (item.monstationName) {
item.dataType = "JCZ";
var gltfurl = "./static/gltf/JCZ.glb";
let x = item.monstationLg, y = item.monstationLa
let z = 25
var position = new Cesium.Cartesian3.fromDegrees(x, y, 0);
if (item.monstationName == "云海") {
x = 121.444697
y = 31.213850
gltfurl = "./static/gltf/gdjcz.glb";
position = new Cesium.Cartesian3.fromDegrees(121.444697, 31.213850, 88.5);
z = 110
}
loadGLTF(gltfurl, position)
var pixelO = (item.monstationName.length / 2 * 20) + 35
dataSource.entities.add(new Cesium.Entity({
position: Cesium.Cartesian3.fromDegrees(x, y, z),
label: {
showBackground: true,
backgroundColor: new Cesium.Color.fromCssColorString("#000").withAlpha(0.3),
text: item.monstationName,
font: "15px Helvetica",
fillColor: Cesium.Color.fromCssColorString("#00FFEA"),
pixelOffset: new Cesium.Cartesian2(pixelO, 0),
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(10, 1000000)
},
billboard: {
image: billboardImage,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
width: 40, // default: undefined
height: 40,
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(10, 1000000)
},
properties: item,
}));
}
})
}
}
})
dataSourcePromise.then(function (dataSource) {
const pixelRange = 25;
const minimumClusterSize = 3;
const enabled = true;
dataSource.clustering.enabled = enabled;
dataSource.clustering.pixelRange = pixelRange;
dataSource.clustering.minimumClusterSize = minimumClusterSize;
let removeListener;
const gradient = {
0.0001: Cesium.Color.DEEPSKYBLUE,
0.001: Cesium.Color.WHITE,
0.01: Cesium.Color.ORANGE,
0.1: Cesium.Color.RED
};
function customStyle() {
if (Cesium.defined(removeListener)) {
removeListener();
removeListener = undefined;
} else {
removeListener = dataSource.clustering.clusterEvent.addEventListener(
function (clusteredEntities, cluster) {
cluster.billboard.show = true;
// cluster.billboard.disableDepthTestDistance = Number.POSITIVE_INFINITY;
// cluster.label.font = `bold 12px sans-serif`;
cluster.label.font = `12px sans-serif`;
cluster.label.fillColor = new Cesium.Color.fromCssColorString("#fff");
cluster.label.disableDepthTestDistance = Number.POSITIVE_INFINITY;
let allCount = dataSource.entities.values.length || 0
for (let key in gradient) {
if (clusteredEntities.length >= allCount * key) {
let numLength = String(clusteredEntities.length).length
cluster.billboard.image = _drawCircle(
gradient[key],
numLength
)
cluster.label.show = true
if (numLength === 1) {
cluster.label.pixelOffset = new Cesium.Cartesian2(-2, 3)
} else {
cluster.label.pixelOffset = new Cesium.Cartesian2(
-5 * (numLength - 1),
5
)
}
} else if (clusteredEntities.length <= 1) {
cluster.label.show = false
}
}
}
);
}
// force a re-cluster with the new styling
const pixelRange = dataSource.clustering.pixelRange;
dataSource.clustering.pixelRange = 0;
dataSource.clustering.pixelRange = pixelRange;
}
var _cache = {};
function _drawCircle(color, numLength) {
let size = 18 * (numLength + 1)
let key = color.toCssColorString() + '-' + size
if (!_cache[key]) {
let canvas = document.createElement('canvas')
canvas.width = size
canvas.height = size
let context2D = canvas.getContext('2d')
context2D.save()
context2D.scale(size / 24, size / 24) //Added to auto-generated code to scale up to desired size.
context2D.fillStyle = color.withAlpha(0.2).toCssColorString() //Modified from auto-generated code.
context2D.beginPath()
context2D.arc(12, 12, 9, 0, 2 * Math.PI)
context2D.closePath()
context2D.fill()
context2D.beginPath()
context2D.arc(12, 12, 6, 0, 2 * Math.PI)
context2D.fillStyle = color.toCssColorString()
context2D.fill()
context2D.closePath()
context2D.restore()
_cache[key] = canvas.toDataURL()
}
return _cache[key]
}
// start with custom style
customStyle();
});
}
}
//创建glb模型
window.modelList = [];
export function loadGLTF(url, position) {
var model = sgworld.Creator.addSimpleGraphic('model', {
url: url,
position: position,
removeEdit: true // 屏蔽全局标绘编辑功能
});
window.modelList.push(model)
//viewer.trackedEntity = model;
}
window.showtable = false;
let timeoutID
let handlerMes
export function addMouseEvent() {
//点击获取信息
handlerMes ? handlerMes.destroy() : ""
handlerMes = new Cesium.ScreenSpaceEventHandler(
window.Viewer.scene.canvas
);
handlerMes.setInputAction(function (movement) {
if (window.JCZlist.length > 0) {
for (var j = 0; j < window.JCZlist.length; j++) {
viewer.entities.removeById(window.JCZlist[j].id);
}
}
var pick = window.Viewer.scene.pick(movement.position);
clearTimeout(timeoutID);
timeoutID = window.setTimeout(function () {
if (!window.showtable) {
} else {
bus.$emit("isFX", true)
if (Cesium.defined(pick) && pick.id && pick.id.properties) {
window.objform.monstationGuid = pick.id.properties._monstationGuid._value;
let data = [
window.objform
]
showdataJCZ(data)
}
}
}, 200);
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
var divPoint3;
handlerMes.setInputAction(function (movement) {
clearTimeout(timeoutID);
if (divPoint3) {
divPoint3.deleteObject();
}
var pick = window.Viewer.scene.pick(movement.position);
if (Cesium.defined(pick) && pick.id && pick.id.properties) {
var prophtml = setEpidemicLayerInfoDomtj(pick.id.properties);
setInterval(function () {
$("body .closeclick").on("click", () => {
debugger
document.getElementsByClassName("tableContain")[0].style.display =
"none";
});
}, 1000);
if (pick.id.properties.statLg && pick.id.properties.statLa) {
var lng = pick.id.properties.statLg._value;
var lat = pick.id.properties.statLa._value;
} else if (pick.id.properties.monstationLg && pick.id.properties.monstationLa) {
var lng = pick.id.properties.monstationLg._value;
var lat = pick.id.properties.monstationLa._value;
}
if (pick.id.properties && pick.id.properties._monstationName && pick.id.properties._monstationName._value == "云海") {
lng = 121.444697
lat = 31.213850
}
if (movement.position)
divPoint3 = sgworld.Creator.createDivPoint('', { lon: lng, lat: lat, height: 105 }, {
type: "custom",
offset: ["c", 20],
description: prophtml,
near: 0,
far: 100000
});
}
}, Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK)
}
//抽离监测站图例创建事件
export function showdataJCZ(data) {
const loading = Loading.service({
lock: true,
text: "计算中",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)",
});
MonitoringStation(data).then((res) => {
if (res.message === "Success") {
var positions = res.data.countorResVOList[0].points;
var value = res.data.countorResVOList[0].areaResult
var positionsList = [];
for (var i = 0; i < positions.length; i++) {
positionsList.push(positions[i].lon, positions[i].lat);
}
let obj = {
name: window.analysisType,
value: value
}
bus.$emit("newData", obj)
createPloygon(positionsList);
loading.close();
}
}).catch((error) => {
loading.close();
});
}
//开启平行光
export function light() {
Viewer.scene.light = new Cesium.DirectionalLight({
direction: new Cesium.Cartesian3(0, 0, -1),
});
}
//右击事件
export function addRightMouseEvent() {
//点击获取信息
let handler = new Cesium.ScreenSpaceEventHandler(
window.Viewer.scene.canvas
);
//获取html文件
let PoiLayerConstructor = Vue.extend(poiLayer);
let instance = new PoiLayerConstructor({
data: {
btnlist: [
{
name: "场强范围",
value: false,
},
{
name: "黑广播",
value: false,
},
{
name: "伪基站覆盖范围",
value: false,
},
],
}
});
instance.$mount();
let prophtml = instance.$el
handler.setInputAction(function (movement) {
if (window.divPoint4) {
window.divPoint4.deleteObject();
}
//清除之前监测站事件
if (window.JCZlist.length > 0) {
for (var j = 0; j < window.JCZlist.length; j++) {
viewer.entities.removeById(window.JCZlist[j].id);
}
}
//重置或者得到pick中的值
window.pick = window.Viewer.scene.pick(movement.position);
if (Cesium.defined(pick) && pick.id && pick.id.properties) {
window.showtable = true
let position = pick.id.position.getValue()
let degrees = sgworld.Core.toDegrees(position)
if (pick.id.properties.dataType._value == "JCZ") {
// let prophtml = createHtmlRight("黑广播")
window.divPoint4 = sgworld.Creator.createDivPoint('', { lon: degrees.lon, lat: degrees.lat, height: degrees.height }, {
type: "custom",
offset: ["c", 20],
description: prophtml,
near: 0,
far: 50000,
});
}
} else {
try {
window.divPoint4.deleteObject();
window.showtable = false
} catch (e) { }
}
}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
}
// 监测站覆盖评估
export function MonitoringStation(data) {
return request({
url: 'calc/stationCover',
method: 'POST',
data: data
})
}
window.JCZlist = [];
export function createPloygon(pos) {
viewer.scene.globe.depthTestAgainstTerrain = false;
var poly = viewer.entities.add({
name: "JCZ",
polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArray(pos),
extrudedHeight: 1,
material: Cesium.Color.DARKSALMON.withAlpha(0.3),
outline: false,
outlineColor: Cesium.Color.RED,
arcType: Cesium.ArcType.RHUMB,
},
polyline: {
positions: Cesium.Cartesian3.fromDegreesArray(pos),
width: 2,
material: Cesium.Color.RED
}
});
window.JCZlist.push(poly);
}
//右击按钮
export function createHtmlRight(data) {
var html = ``;
html += ``
html += ``
html += `
`
return html;
}
//监测站弹框
export function setEpidemicLayerInfoDomtj(marker) {
let tablename, tablevalue
if (marker.dataType._value == "XXTZ") {
tablename = ["台站名称", "台站位置", "天线高度(m)", "经度[°]", "维度[°]", "接收起始频率[MHz]", "接受结束频率[MHz]", "发射起始频率[MHz]", "发射结束频率[MHz]", "功率[dBm]"]
tablevalue = ["statName", "statAddr", "antHight", "statLg", "statLa", "freqUc", "freqEfb", "freqEfe", "freqEfe", "equPow"]
}
if (marker.dataType._value == "JCZ") {
tablename = ["监测设施", "监测设备", "覆盖半径(km)", "设备型号", "设备名称", "经度[°]", "维度[°]", "监测站位置",]
tablevalue = ["monstationName", "monstationEquName", "monstationLa", "monstationType", "monstationEquName", "monstationLg", "monstationLa", "monstationName"]
}
var html = ``;
html += ``
html += `
X
`
html += `
`
html += `
`;
if (marker.propertyNames) {
for (var i = 0; i < tablename.length; i++) {
html += `
| `+ tablename[i] + ` |
`+ marker[tablevalue[i]]._value + ` |
`
}
} else {
for (var item in marker) {
html += `
| `+ item + ` |
`+ marker[item] + ` |
`
}
}
html += `
`;
html += `
`
html += `