gisthreemap
Version:
基于webGL的三维api
265 lines (262 loc) • 8.67 kB
JavaScript
/*
* @Descripttion:
* @version: 1.0
* @Author: zhangti
* @Date: 2019-09-20 09:32:21
* @LastEditors : sueRimn
* @LastEditTime : 2020-01-16 10:37:15
*/
/**
* entitys 实体类
* 管理实体模型
* 创建
* 销毁
*/
class MeEntitys {
constructor(viewer) {
/**
* 初始化
*/
this.entitysAction = viewer.entities;
}
add(entity) {
return this.entitysAction.add(entity);
}
remove(entity) {
this.entitysAction.remove(entity);
}
removeAll() {
this.entitysAction.removeAll();
}
createEntity() {
return new Cesium.Entity();
}
//点
getPoint() {
return new Cesium.PointGraphics({
color: Cesium.Color.GREEN,
pixelSize: 5,
outlineColor: Cesium.Color.WHITE,
outlineWidth: 1
});
}
//线
getLine(positions, color) {
return new Cesium.PolylineGraphics({
show: true,
positions: positions,
material: color,
width: 1,
//clampToGround: true
});
}
//标签
getLabel(text, offset, backgroundColor) {
return new Cesium.LabelGraphics({ //文字标签
text: text,
font: '14px sans-serif',
fillColor: Cesium.Color.WHITE,
// style: Cesium.LabelStyle.FILL_AND_OUTLINE,
outlineWidth: 2,
showBackground: true,
backgroundColor: Cesium.Color.fromCssColorString(backgroundColor ? backgroundColor : 'rgba(22,94,101,0.7)'),
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
// pixelOffset: offset == undefined? new Cesium.Cartesian2(0, 20) : offset,
eyeOffset: offset == undefined ? new Cesium.Cartesian3(0, 100, 0) : offset,
//heightReference:Cesium.HeightReference.RELATIVE_TO_GROUND
});
}
//广告牌
getBillboard(img, width, height, offsetx, offsety) {
return new Cesium.BillboardGraphics({
image: img == undefined ? '../img/zb.png' : img,
width: width == undefined ? 35 : width,
height: height == undefined ? 35 : height,
clampToGround: true,
// eyeOffset :new Cesium.Cartesian2(-200, 0),
// pixelOffset: new Cesium.Cartesian2(offsetx, offsety),
// horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM
//heightReference:Cesium.HeightReference.RELATIVE_TO_GROUND
})
}
//路径
getPath() {
return new Cesium.PathGraphics({
resolution: 1,
//设置航线样式，线条颜色，内发光粗细，航线宽度等
material: new Cesium.PolylineGlowMaterialProperty({
glowPower: 0.1,
color: Cesium.Color.YELLOW
}),
width: 30
})
}
//模型
getModel(e) {
return new Cesium.ModelGraphics({
uri: e.url,
scale: 6,
minimumPixelSize: 64
})
}
//圆
getEllipse(opt) {
let r = opt.r == undefined ? 1000000.0 : opt.r;
new Cesium.EllipseGraphics({
semiMajorAxis: opt.r,
semiMinorAxis: opt.r,
metarial: Cesium.Color.RED.withAlpha(0.5),
outline: true
})
}
//球
getEllipsoid(opt) {
let r = opt.r == undefined ? 1000000.0 : opt.r; //默认100公里
return new Cesium.EllipsoidGraphics({
radii: new Cesium.Cartesian3(r, r, r), //单位 米
//innerRadii : new Cesium.Cartesian3(100000.0, 80000.0, 60000.0),
maximumCone: Cesium.Math.PI_OVER_TWO,
stackPartitions: 56,
slicePartitions: 56,
outlineWidth: 2.0,
outlineColor: Cesium.Color.YELLOW,
material: Cesium.Color.RED.withAlpha(0.1),
//heightReference:Cesium.HeightReference.NONE,
outline: true
});
}
//创建点信息
createPoint(cartesian, label = false, point = false, billboard = false) {
let entity = this.createEntity();
entity.position = cartesian;
if (point) entity.point = this.getPoint();
if (billboard) entity.billboard = this.getBillboard(billboard);
if (label) entity.label = this.getLabel(label);
let entityPoint = this.add(entity);
return entityPoint;
}
//创建线
createLine(positions, oid = "", color = Cesium.Color.BLUE) {
let entity = this.createEntity();
entity.position = positions;
entity.polyline = this.getLine(positions, color);
entity.oid = oid;
return this.add(entity);
}
//自定义雷达
getCustomRadar(l, r) {
return {
position: l,
orientation: Cesium.Transforms.headingPitchRollQuaternion(l, r),
rectangularSensor: new Cesium.RectangularSensorGraphics({
radius: 380000,
xHalfAngle: Cesium.Math.toRadians(50),
yHalfAngle: Cesium.Math.toRadians(50),
material: new Cesium.Color(0, 1, 1, .4),
lineColor: new Cesium.Color(0, 1, 1, 1),
showScanPlane: true,
scanPlaneColor: new Cesium.Color(0, 1, 1, 1),
scanPlaneMode: "vertical",
scanPlaneRate: 3,
showThroughEllipsoid: !1
})
}
}
/**
* 提示信息实体
* createMsgTip
* showTip 控制器
*/
createMsgTip() {
this._resultTip = this.entitysAction.add({
id: Cesium.createGuid(),
label: {
fillColor: Cesium.Color.YELLOW,
backgroundColor: Cesium.Color.fromCssColorString('rgba(22,94,101,0.7)'),
showBackground: true,
font: '14px monospace',
horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
pixelOffset: new Cesium.Cartesian2(0, -10)
}
});
return this._resultTip;
}
/**
* 提示框
* @param {*} bShow
* @param {*} position
* @param {*} message
*/
showTip(label, bShow, position, message, effectOptions) {
label.show = bShow;
if (bShow) {
if (position)
label.position = position;
if (message)
label.label.text = message;
if (effectOptions) {
for (let key in effectOptions) {
if (label.key) {
label.key = effectOptions[key];
}
}
}
}
}
/**
* 绘制各种类型的点
* @param {*} viewer
* @param {*} position
* @param {*} size
* @param {*} color
* @param {*} id
*/
drawPoint(position, size, color, id) {
if (position instanceof Array) {
position = Cesium.Cartesian3.fromDegrees(position[0], position[1], position[2] ? position[2] : 0);
}
let options = {
position: position,
point: {
pixelSize: size,
color: color
}
};
if (id) {
options = _.merge(options, {
id: id
});
}
return this.entitysAction.add(options);
}
/**
* 绘制各种类型的线
* @param {*} viewer
* @param {*} positons
* @param {*} color
* @param {*} depthColor
*/
drawLine(vpositons, color, depthColor) {
return this.entitysAction.add({
polyline: {
positions: positons,
width: 2,
material: new Cesium.PolylineOutlineMaterialProperty({
color: color || Cesium.Color.GREEN,
outlineWidth: 1,
outlineColor: color || Cesium.Color.GREEN
}),
depthFailMaterial: depthColor
? new Cesium.PolylineOutlineMaterialProperty({
color: depthColor,
outlineWidth: 0,
outlineColor: depthColor
})
: undefined
}
});
}
}
export default MeEntitys