import mapServer from '@/assets/js/mapSdk/mapServe.js';
|
import * as turf from '@turf/turf';
|
const mapWeather = {
|
regionWeather: null,
|
particle: null,
|
showRain: 'ShowRain',
|
wallLayer: null,
|
pathLayer: null,
|
listBiildBord: [],
|
listParticle: [],
|
getWearData(res) {
|
return {
|
name: res.address,
|
data: [
|
{
|
name: '名称',
|
val: res.address,
|
},
|
{
|
name: '气象级别',
|
val: res.level,
|
},
|
{
|
name: '所属线路',
|
val: res.line,
|
},
|
{
|
name: '数据来源',
|
val: res.source,
|
},
|
{
|
name: '发布时间',
|
val: res.time,
|
},
|
],
|
};
|
},
|
closeRegionWeather() {
|
if (this.regionWeather) {
|
this.regionWeather.enableWeatherType = SmartEarth.Cesium.RegionWeather.TYPE_NONE;
|
this.regionWeather = null;
|
}
|
if (this.particle) {
|
this.particle.deleteObject();
|
this.particle = null;
|
}
|
for (var i in Viewer.scene.primitives._primitives) {
|
const name = Viewer.scene.primitives._primitives[i].name;
|
if (name && name == this.showRain) {
|
Viewer.scene.primitives.remove(Viewer.scene.primitives._primitives[i]);
|
}
|
}
|
if (this.wallLayer) {
|
Viewer.entities.remove(this.wallLayer);
|
this.wallLayer = null;
|
// this.wallLayer.removeFromMap();
|
// this.wallLayer = null;
|
}
|
if (this.pathLayer) {
|
this.pathLayer.deleteObject();
|
this.pathLayer = null;
|
}
|
for (var i in this.listBiildBord) {
|
this.listBiildBord[i].removeFromMap();
|
}
|
this.listBiildBord = [];
|
for (var i in this.listParticle) {
|
this.listParticle[i].deleteObject();
|
}
|
this.listParticle = [];
|
},
|
setRegionWeatherType(response) {
|
this.closeRegionWeather();
|
if (!this.regionWeather) {
|
this.getRegionWather(response);
|
}
|
|
const coord = this.getCoord(response);
|
|
switch (response.type) {
|
case 'rain':
|
// earthCtrl.camera.flyTo(coord[0], coord[1], 8000, 0, -90, 0, 0);
|
this.showRain(response);
|
break;
|
case 'fire':
|
this.showFire(response);
|
// earthCtrl.camera.flyTo(coord[0], coord[1], 1000, 0, -90, 0, 0);
|
break;
|
case 'snow':
|
this.showSnow();
|
break;
|
case 'thunder':
|
this.showThunder(response);
|
break;
|
}
|
},
|
showThunder(response) {
|
if (response.geom) {
|
this.addWatherGeom(response.geom, 'thunder2.png');
|
}
|
// const points = this.chunkArray(response.point.split(','), 2);
|
|
// for (var i in points) {
|
// const billboardEntity = earthCtrl.factory.createBillboard({
|
// name: '标签点',
|
// id: earthCtrl.factory.createUUID(),
|
// image: config.images + 'thunder.png', // 贴图,
|
// width: 40,
|
// height: 40,
|
// lon: parseFloat(points[i][0]),
|
// lat: parseFloat(points[i][1]),
|
// alt: 1,
|
// scale: 6,
|
// });
|
// this.listBiildBord.push(billboardEntity);
|
// }
|
},
|
addWatherGeom(response, image) {
|
if (response.ploygon) {
|
this.addWatherPloygon(this.chunkArray(response.ploygon, 2), image);
|
}
|
if (response.line) {
|
this.addWatherLine(this.chunkArray(response.line, 2));
|
}
|
},
|
addWatherLine(response) {
|
const obj = {
|
type: 'FeatureCollection',
|
features: [
|
{
|
type: 'Feature',
|
geometry: {
|
type: 'LineString',
|
coordinates: response,
|
},
|
},
|
],
|
};
|
this.pathLayer = earthCtrl.factory.createPathLayer({
|
url: obj,
|
color: '#ff0000', //线的颜色
|
width: 5.0, //线的宽度
|
pointColor: '#FFFFFF', //移动点的颜色
|
speed: 1,
|
far: 50000,
|
});
|
},
|
addWatherPloygon(response, image) {
|
response.push(response[0]);
|
const coord = this.getCentroid(response);
|
earthCtrl.camera.flyTo(coord[0], coord[1], 80000, 0, -90, 0, 0);
|
var geom = [];
|
for (var i = 0; i < response.length; i++) {
|
geom.push(response[i][0], response[i][1]);
|
}
|
|
this.wallLayer = Viewer.entities.add({
|
polygon: {
|
hierarchy: Cesium.Cartesian3.fromDegreesArray(geom),
|
material: new Cesium.ImageMaterialProperty({
|
image: config.images + image,
|
alpha: 0.2, // 设置透明度为0.5
|
repeat: Cesium.Cartesian2(1.0, 1.0), // 不重复
|
transparent: true, // 启用png透明
|
color: new Cesium.Color(1.0, 1.0, 1.0, 0.3), // 设置颜色和透明度
|
}),
|
stRotation: Cesium.Math.toRadians(0),
|
},
|
});
|
// this.wallLayer = earthCtrl.factory.createPolygon({
|
// name: '面',
|
// id: earthCtrl.factory.createUUID(),
|
// material: Cesium.Color.fromCssColorString('rgba(128,128,128, .2)'),
|
// outlineColor: Cesium.Color.fromCssColorString('rgba(128,128,128, .5)'),
|
// lineWidth: 3,
|
// height: 10,
|
// outline: true,
|
// outlineWidth: 2,
|
// positions: SmartEarth.Cesium.Cartesian3.fromDegreesArrayHeights(geom),
|
// });
|
|
// const obj = { type: 'GeometryCollection', geometries: [{ type: 'LineString', coordinates: response }] };
|
// // 流动墙图层
|
// this.wallLayer = earthCtrl.factory.createTrailWallLayer({
|
// url: obj,
|
// color: '#0000ff05', //颜色
|
// height: 20, //高度
|
// speed: 2,
|
// });
|
},
|
showFire(response) {
|
if (response.geom) {
|
this.addWatherGeom(response.geom, 'filre.png');
|
}
|
// const points = this.chunkArray(response.point.split(','), 2);
|
// for (var i in points) {
|
// const particle = earthCtrl.factory.createParticleEffect(
|
// 'flame',
|
// {
|
// x: parseFloat(points[i][0]),
|
// y: parseFloat(points[i][1]),
|
// z: 0,
|
// },
|
// {
|
// translation: SmartEarth.Cesium.Cartesian3.fromElements(0, 0, 0), //平移
|
// particleSize: 10,
|
// },
|
// function (data) {}
|
// );
|
|
// this.listParticle.push(particle);
|
// }
|
// const coord = this.getCoord(res);
|
// const obj = {
|
// x: coord[0],
|
// y: coord[1],
|
// z: 0,
|
// };
|
// this.particle = earthCtrl.factory.createParticleEffect(
|
// 'flame',
|
// obj,
|
// {
|
// translation: SmartEarth.Cesium.Cartesian3.fromElements(0, 0, 0), //平移
|
// particleSize: 10,
|
// },
|
// function (data) {}
|
// );
|
},
|
|
showRain(res) {
|
var area = [];
|
var std = [];
|
for (var i = 0; i < res.area.length; i += 2) {
|
area.push(res.area[i]);
|
area.push(res.area[i + 1]);
|
std.push([res.area[i], res.area[i + 1]]);
|
}
|
std.push(std[0]);
|
|
const polygon = turf.polygon([std]);
|
|
const centerPoint = turf.center(polygon);
|
const coord = centerPoint.geometry.coordinates;
|
earthCtrl.camera.flyTo(coord[0], coord[1], 8000, 0, -90, 0, 0);
|
|
const geometry = new Cesium.PolygonGeometry({
|
polygonHierarchy: new Cesium.PolygonHierarchy(Cesium.Cartesian3.fromDegreesArray(area)),
|
height: 0, // 底面高度
|
extrudedHeight: 0.2, // 水面高度
|
ellipsoid: Cesium.Ellipsoid.WGS84,
|
});
|
|
// 2. 创建GeometryInstance
|
const geometryInstances = new Cesium.GeometryInstance({ geometry });
|
|
// 3. 创建material
|
const material = new Cesium.Material({
|
fabric: {
|
type: 'Water',
|
uniforms: {
|
baseWaterColor: new Cesium.Color(0.25, 0.6, 0.9, 0.5), // 水面颜色
|
normalMap: config.images + 'waterNormals.jpg', // 贴图
|
frequency: 5000, // 水波纹数量
|
animationSpeed: 0.02, // 水流速
|
amplitude: 30, // 水波纹振动幅度
|
specularIntensity: 5, // 镜面反射强度
|
},
|
},
|
});
|
// 4. 创建Appearance
|
const appearance = new Cesium.EllipsoidSurfaceAppearance({
|
aboveGround: true,
|
material,
|
});
|
// 5. 创建primitive
|
var primitive = new Cesium.Primitive({
|
geometryInstances,
|
appearance,
|
});
|
primitive.name = this.showRain;
|
Viewer.scene.primitives.add(primitive);
|
},
|
|
showSnow() {
|
if (this.regionWeather) {
|
this.regionWeather.enableWeatherType = SmartEarth.Cesium.RegionWeather.TYPE_SNOW;
|
this.regionWeather.regionAlpha = 0.9;
|
this.regionWeather.regionGradientDistance = 300;
|
}
|
},
|
getCoord(res) {
|
const coord = res.point.split(',');
|
return coord;
|
},
|
getCentroid(response) {
|
var centroid = turf.centroid(turf.polygon([response]));
|
return centroid.geometry.coordinates;
|
},
|
chunkArray(array, size) {
|
return array.reduce((chunks, current, index) => {
|
const chunkIndex = Math.floor(index / size);
|
|
if (!chunks[chunkIndex]) {
|
chunks[chunkIndex] = [];
|
}
|
|
chunks[chunkIndex].push(current);
|
|
return chunks;
|
}, []);
|
},
|
getRegionWather(res) {
|
if (res.type == 'fire') return;
|
const coord = this.getCoord(res);
|
const model = mapServer.layerList.filter((item) => {
|
if (item.name == config.baseModel.cnName + '_' + config.baseModel.id) {
|
return item;
|
}
|
});
|
if (model.length <= 0) return;
|
this.regionWeather = earthCtrl.factory.createRegionWeather({
|
primitive: model[0].layer.item,
|
position: new SmartEarth.Cesium.Cartesian3.fromDegrees(coord[0], coord[1], 1),
|
radius: 1000,
|
});
|
},
|
};
|
|
export default mapWeather;
|
