import request from "../request";
import rainStation_icon from "@/assets/cesiumMap/legendIcon/rainStation_icon.png";
import spongeFacility_icon from "@/assets/cesiumMap/legendIcon/spongeFacility_icon.png";
import sewageBenZhan_icon from "@/assets/cesiumMap/legendIcon/sewageBenZhan_icon.png"
import rainBengZhan_icon from "@/assets/cesiumMap/legendIcon/rainBengZhan_icon.png"
import combineBengZhan_icon from "@/assets/cesiumMap/legendIcon/combineBengZhan_icon.png"
import riverFlow from "@/assets/geojson/kaifeng/riverFlow.json";
import cesiumMapLegend from '@/views/sponeScreen/gisMF/cesiumMapLegend.js';
import newfiberVectorLayer from "@/views/sponeScreen/gisMF/newfiberVectorLayer";
import { facilityPumpList } from '@/api/scada/pumpStationInformation';
let mapParams={
geojson:{
point:{
type: NewFiberMap.Enum.VectorType.ICON,
options: {
url: "/static/images/icon.png",
width: 20,
height: 20,
verticalOrigin: Cesium.HorizontalOrigin.RIGHT,
pixelOffset: [0, -10],
},
labelOptions: {
font: "17px PingFang SC",
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
outlineColor: "rgba(20,83,154,1)",
outline: true,
outlineWidth: 3,
color: "#ffffff",
pixelOffset: [0, 25],
distanceDisplayCondition: [0, 5100],
},
},
warning:{
type: NewFiberMap.Enum.VectorType.SPECIAL_CIRCLE,
options: {
radius: 70,
material: new NewFiberMap.Material.CircleDiffuseMaterialProperty({
color: Cesium.Color.fromCssColorString("rgba(255,0,0, .5)"),
speed: 50,
}),
},
},
polyline: {
type: NewFiberMap.Enum.VectorType.POLYLINE,
options: {
show: true,
width: 6,
material:new Cesium.Spriteline1MaterialProperty(3000,'/static/images/spriteline.png'),
clampToGround: true
}
},
polygon:{
type: NewFiberMap.Enum.VectorType.POLYGON,
options: {
width: 1,
material: "rgba(46,196,203,0.5)",
outlineColor: "rgba(0,244,255,1)",
},
}
}
};
export default class NewFiberMapUtils {
static defaultParams = {
keys:{
//巡查默认专题图
defaultPatrolDemo:'defaultPatrolDemo',
//排水防涝默认专题图
defaultPreventWaterloggingDemo:'defaultPreventWaterloggingDemo',
weather_cloud:'weather_cloud'
},
/* mapParams:{
geojson:{
point:{
type: NewFiberMap.Enum.VectorType.ICON,
options: {
url: "/static/images/icon.png",
width: 20,
height: 20,
verticalOrigin: Cesium.HorizontalOrigin.RIGHT,
pixelOffset: [0, -10],
},
labelOptions: {
font: "17px PingFang SC",
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
outlineColor: "rgba(20,83,154,1)",
outline: true,
outlineWidth: 3,
color: "#ffffff",
pixelOffset: [0, 25],
distanceDisplayCondition: [0, 5100],
},
},
warning:{
type: NewFiberMap.Enum.VectorType.SPECIAL_CIRCLE,
options: {
radius: 70,
material: new NewFiberMap.Material.CircleDiffuseMaterialProperty({
color: Cesium.Color.fromCssColorString("rgba(255,0,0, .5)"),
speed: 50,
}),
},
},
polyline: {
type: NewFiberMap.Enum.VectorType.POLYLINE,
options: {
show: true,
width: 6,
material:new Cesium.Spriteline1MaterialProperty(3000,'/static/images/spriteline.png'),
clampToGround: true
}
},
polygon:{
type: NewFiberMap.Enum.VectorType.POLYGON,
options: {
width: 1,
material: "rgba(46,196,203,0.5)",
outlineColor: "rgba(0,244,255,1)",
},
}
}
}*/
}
static async defaultPatrolDemo(newfiberMap) {
const {keys} = NewFiberMapUtils.defaultParams;
const defaulGeoJSONParams = _.cloneDeep(mapParams.geojson);
const icons = {ylz:rainStation_icon, hmss:spongeFacility_icon, car:"/images/people.png"};
NewFiberMapUtils.removeByIds([keys.defaultPatrolDemo]);
let results = await Promise.all(['/static/json/malfunction.json','/static/json/track.json'].map(i => request(i)));
let warningData = _.cloneDeep(results[0]);
results[0].features.forEach(i => (i.properties.style_ = _.cloneDeep({id:keys.defaultPatrolDemo,name:i.properties.name,...(defaulGeoJSONParams.point),options:Object.assign(defaulGeoJSONParams.point.options,{url:icons[i.properties.type]})})));
warningData.features.forEach(i => (i.properties.style_ = {id:keys.defaultPatrolDemo,...(defaulGeoJSONParams.warning)}));
let markers = warningData.features.concat(results[0].features);
newfiberMap.geojsonToMap(turf.featureCollection(markers));
newfiberMap.patrolDemoTracks = results[1].features.map(feature => {
let datas = turf.getCoords(feature.geometry).map(coords => ({l:coords[0],a:coords[1],height:10,time:10}));
return new NewFiberMap.Layer.RunningPath({paths:datas,name, newfiberMap,options:{style:{move:icons.car},perSec:5,speed:10,pathColor:[38,178,107,1],passPathColor:[89,91,93,1], isStart:false, isEnd:false, fields:{lng:'l',lat:'a',height: 'height',time:'time'}}});
});
let timeout = setTimeout(() => {
newfiberMap.setView({
lng: 114.312,
lat: 34.502,
heading: 2.281299097855777,
zoom: 16358.12942752382,
pitch: -25.2508969308367,
roll: 0.005453465256790101,
});
clearTimeout(timeout);
}, 4000);
}
static async defaultPreventWaterlogging(newfiberMap){
const { keys} = NewFiberMapUtils.defaultParams;
NewFiberMapUtils.removeByIds([keys.defaultPreventWaterloggingDemo]);
const defaulGeoJSONParams = _.cloneDeep(mapParams.geojson);
const icons = {
"confluence":sewageBenZhan_icon,
"rain_water":rainBengZhan_icon,
"sewage_water":combineBengZhan_icon,
}
let result = await facilityPumpList();
let pumpData = result.data.filter(i => i.lon && i.lat &&i.geometrys);
let points = pumpData.map(i => turf.point([i.lon,i.lat].map(Number),{style_:{id:keys.defaultPreventWaterloggingDemo,name:i.pumpName,...(defaulGeoJSONParams.point),options:{...defaulGeoJSONParams.point.options,url:icons[i.pumpType]}}}))
console.log('points',points);
let polygons = pumpData.map(i => turf.feature(Terraformer.WKT.parse(i.geometrys),{style_:{id:keys.defaultPatrolDemo,...defaulGeoJSONParams.polygon}}));
NewFiberMapUtils.weatherToMap(newfiberMap);
/* let modelLegends = cesiumMapLegend.map(i => i.children).flat(Infinity).filter(i => i.layername.includes('Line') && i.type == '3dModel');
let modelIds = modelLegends.map(i => i.layername);
let models = newfiberMap.getMap().scene.primitives._primitives.filter(i => modelIds.includes(i.newfiberId));
if (models.length > 0) {
models.forEach(i => i.show = true);
} else {
modelLegends.forEach(i => i.data.forEach(url => newfiberVectorLayer.add3DModelLayers(newfiberMap, url, i.layername)));
}*/
riverFlow.features.forEach(i => i.properties.style_ = {id: keys.defaultPreventWaterloggingDemo, ...(defaulGeoJSONParams.polyline)});
newfiberMap.geojsonToMap(riverFlow);
newfiberMap.geojsonToMap(turf.featureCollection([...points,...polygons]));
}
static async weatherToMap(newfiberMap){
const {keys} = NewFiberMapUtils.defaultParams;
const urls = [
"/images/weather/QPFRef_202406210650.png",
"/images/weather/QPFRef_202406210700.png",
"/images/weather/QPFRef_202406210710.png",
"/images/weather/QPFRef_202406210720.png",
"/images/weather/QPFRef_202406210730.png",
"/images/weather/QPFRef_202406210740.png",
"/images/weather/QPFRef_202406210750.png",
"/images/weather/QPFRef_202406210800.png",
"/images/weather/QPFRef_202406210810.png",
"/images/weather/QPFRef_202406210820.png",
"/images/weather/QPFRef_202406210830.png",
"/images/weather/QPFRef_202406210840.png",
"/images/weather/QPFRef_202406210850.png",
"/images/weather/QPFRef_202406210900.png",
"/images/weather/QPFRef_202406210910.png",
"/images/weather/QPFRef_202406210920.png",
"/images/weather/QPFRef_202406210930.png",
"/images/weather/QPFRef_202406210940.png",
"/images/weather/QPFRef_202406210950.png",
"/images/weather/QPFRef_202406211000.png",
"/images/weather/QPFRef_202406211010.png",
"/images/weather/QPFRef_202406211020.png",
"/images/weather/QPFRef_202406211030.png",
"/images/weather/QPFRef_202406211040.png",
"/images/weather/QPFRef_202406211050.png",
"/images/weather/QPFRef_202406211100.png",
"/images/weather/QPFRef_202406211110.png",
"/images/weather/QPFRef_202406211120.png",
"/images/weather/QPFRef_202406211130.png",
"/images/weather/QPFRef_202406211140.png",
"/images/weather/QPFRef_202406211150.png",
"/images/weather/QPFRef_202406211200.png",
"/images/weather/QPFRef_202406211210.png",
"/images/weather/QPFRef_202406211220.png",
"/images/weather/QPFRef_202406211230.png",
"/images/weather/QPFRef_202406211240.png",
"/images/weather/QPFRef_202406211250.png",
"/images/weather/QPFRef_202406211300.png",
"/images/weather/QPFRef_202406211310.png",
"/images/weather/QPFRef_202406211320.png",
"/images/weather/QPFRef_202406211330.png",
"/images/weather/QPFRef_202406211340.png",
];
const defaulGeoJSONParams = _.cloneDeep(mapParams.geojson);
const bbox = [73.49899858945263, 10.228437, 135.08738720258265, 53.56131497236056];
let polygon = turf.bboxPolygon(bbox);
let i = 0;
polygon.properties.style_ = {
id: keys.weather_cloud,
...(_.cloneDeep((defaulGeoJSONParams.polygon))),
options: Object.assign(defaulGeoJSONParams.polygon.options, {
show:false,
material: new Cesium.ImageMaterialProperty({
transparent: true,
alpha: 0.5,
image: new Cesium.CallbackProperty(function () {
return urls[i];
})
})
})
};
newfiberMap.geojsonToMap(turf.featureCollection([polygon]));
newfiberMap.weatherInterVal = setInterval(() => {
i++;
if (i == urls.length) {
i = 0;
}
}, 1000);
}
static removeByIds(ids) {
const {keys} = NewFiberMapUtils.defaultParams;
newfiberMap.removeByIds(ids);
if (ids.includes(keys.defaultPatrolDemo)) if (newfiberMap.patrolDemoTracks) newfiberMap.patrolDemoTracks.forEach(i => i.destroy()), newfiberMap.patrolDemoTracks = undefined;
}
}
