1174 lines
42 KiB
JavaScript
1174 lines
42 KiB
JavaScript
|
/**
|
|||
|
|
* 配置
|
|||
|
|
*/
|
|||
|
|
var configs = {
|
|||
|
|
|
|||
|
|
d3map: null,
|
|||
|
|
|
|||
|
|
mapDom: "cesiumContainer",
|
|||
|
|
|
|||
|
|
mapUrl: "examples/images/BlackMarble_2016.jpg",
|
|||
|
|
|
|||
|
|
mapOptions: {
|
|||
|
|
shouldAnimate: true,
|
|||
|
|
useDefaultRenderLoop: true,
|
|||
|
|
infoBox: false,
|
|||
|
|
contextOptions: {
|
|||
|
|
webgl: {
|
|||
|
|
alpha: false,
|
|||
|
|
antialias: true,
|
|||
|
|
preserveDrawingBuffer: true,
|
|||
|
|
failIfMajorPerformanceCaveat: false,
|
|||
|
|
depth: true,
|
|||
|
|
stencil: false,
|
|||
|
|
anialias: false
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
sceneUrl: "http://www.supermapol.com/realspace/services/3D-CQmodel_wireframe_2000/rest/realspace"
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 返回的 Cesium对象
|
|||
|
|
* @param {*} Cesium
|
|||
|
|
*/
|
|||
|
|
function onloadApp() {
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
|
|||
|
|
//初始化三维球
|
|||
|
|
var d3map = new D3()
|
|||
|
|
|
|||
|
|
d3map.init(); //d3map.initGUI()
|
|||
|
|
|
|||
|
|
document.getElementsByClassName('cesium-widget-credits')[0].style.display = 'none'
|
|||
|
|
|
|||
|
|
} catch (error) {
|
|||
|
|
|
|||
|
|
console.log(error)
|
|||
|
|
}
|
|||
|
|
configs.d3map = d3map
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 三维对象
|
|||
|
|
*/
|
|||
|
|
function D3() {
|
|||
|
|
|
|||
|
|
this._viewer = undefined
|
|||
|
|
|
|||
|
|
this._scene = undefined
|
|||
|
|
|
|||
|
|
this._layer = undefined
|
|||
|
|
|
|||
|
|
this._sceneData = undefined
|
|||
|
|
|
|||
|
|
this._mapData = undefined
|
|||
|
|
|
|||
|
|
this._state = undefined
|
|||
|
|
|
|||
|
|
this._util = undefined
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 初始化
|
|||
|
|
*/
|
|||
|
|
D3.prototype.init = function (opt = {}) {
|
|||
|
|
|
|||
|
|
if (configs.mapDom && configs.mapUrl) {
|
|||
|
|
|
|||
|
|
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlYTQ2ZjdjNS1jM2E0LTQ1M2EtOWM0My1mODMzNzY3YjYzY2YiLCJpZCI6MjkzMjcsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1OTE5NDIzNjB9.RzKlVTVDTQ9r7cqCo-PDydgUh8Frgw0Erul_BVxiS9c';
|
|||
|
|
|
|||
|
|
this._viewer = new Cesium.Viewer(configs.mapDom, configs.mapOptions);
|
|||
|
|
|
|||
|
|
this._util = new Cesium.Utils(this._viewer)
|
|||
|
|
|
|||
|
|
this._viewer.imageryLayers.addImageryProvider(new Cesium.MapboxImageryProvider({
|
|||
|
|
mapId: 'mapbox.dark'
|
|||
|
|
}))
|
|||
|
|
|
|||
|
|
this._scene = this._viewer.scene
|
|||
|
|
|
|||
|
|
this._scene.skyBox = this._util.setTwoGroundSkyBox()
|
|||
|
|
|
|||
|
|
this._util.setSnowEffect()
|
|||
|
|
|
|||
|
|
this.config(opt) //默认开始配置
|
|||
|
|
|
|||
|
|
this.loadScene() //加载场景
|
|||
|
|
|
|||
|
|
// this.addThreeObject() //加载three obj
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
alert("请配置地图参数")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 场景配置
|
|||
|
|
*
|
|||
|
|
* @param opt
|
|||
|
|
*/
|
|||
|
|
D3.prototype.config = function (opt) {
|
|||
|
|
|
|||
|
|
if (this._scene) {
|
|||
|
|
|
|||
|
|
//设置环境光
|
|||
|
|
this._scene.lightSource.ambientLightColor = opt.ambientLightColor || new Cesium.Color(0.08, 0.08, 0.08, 1);
|
|||
|
|
|
|||
|
|
//深度检测
|
|||
|
|
// this._scene.globe.depthTestAgainstTerrain = false;
|
|||
|
|
|
|||
|
|
//地面调节
|
|||
|
|
//this._scene.globe.baseColor = Cesium.Color.BLACK;
|
|||
|
|
//this._scene.globe.globeAlpha = 0.1;
|
|||
|
|
this._scene.undergroundMode = true;
|
|||
|
|
this._scene.terrainProvider.isCreateSkirt = false;
|
|||
|
|
|
|||
|
|
//调节场景环境
|
|||
|
|
this._scene.sun.show = false;
|
|||
|
|
this._scene.moon.show = false;
|
|||
|
|
// this._scene.skyBox.show = false;
|
|||
|
|
this._scene.skyAtmosphere.show = false;
|
|||
|
|
this._scene.fxaa = true;
|
|||
|
|
|
|||
|
|
//开启颜色校正
|
|||
|
|
this._scene.colorCorrection.show = opt.colorCorrection || false;
|
|||
|
|
this._scene.colorCorrection.saturation = opt.saturation || 3.1;
|
|||
|
|
this._scene.colorCorrection.brightness = opt.brightness || 1.8;
|
|||
|
|
this._scene.colorCorrection.contrast = opt.contrast || 1.2;
|
|||
|
|
this._scene.colorCorrection.hue = opt.hue || 0;
|
|||
|
|
|
|||
|
|
//开启泛光和HDR
|
|||
|
|
this._scene.bloomEffect.show = opt.bloomEffect || false;
|
|||
|
|
this._scene.hdrEnabled = opt.hdrEnabled || true;
|
|||
|
|
this._scene.bloomEffect.threshold = 1;
|
|||
|
|
this._scene.bloomEffect.bloomIntensity = 2;
|
|||
|
|
|
|||
|
|
//最大距离
|
|||
|
|
this._scene.screenSpaceCameraController.maximumZoomDistance = 5000.0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 加载场景
|
|||
|
|
*
|
|||
|
|
* 示例白膜数据
|
|||
|
|
*/
|
|||
|
|
D3.prototype.loadScene = function () {
|
|||
|
|
|
|||
|
|
if (this._scene) {
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 建筑
|
|||
|
|
*/
|
|||
|
|
var promise = this._scene.open(configs.sceneUrl)
|
|||
|
|
|
|||
|
|
Cesium.when.all(promise, (layer) => {
|
|||
|
|
|
|||
|
|
this._util.setView({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.6269866033348, 29.53232673901685, 2000),
|
|||
|
|
orientation: {
|
|||
|
|
heading: 350.37060,
|
|||
|
|
pitch: -12.75012,
|
|||
|
|
roll: 0.00306
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
layer[0].style3D.emissionColor = new Cesium.Color(2, 5, 10, 1); //自发光颜色
|
|||
|
|
|
|||
|
|
|
|||
|
|
this._util.setHypsometric(layer[0])
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
this._util.bindFlyCircle(true) //给鼠标绑定旋转操作
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 扫描物
|
|||
|
|
*/
|
|||
|
|
new Promise((resolve, reject) => {
|
|||
|
|
|
|||
|
|
this._util.setRadarScanEffect({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.54439406642704, 29.53412750079538, 10.0),
|
|||
|
|
color: Cesium.Color.DARKCYAN,
|
|||
|
|
radius: 500
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addWall()
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 路网
|
|||
|
|
*/
|
|||
|
|
new Promise((resolve, reject) => {
|
|||
|
|
|
|||
|
|
this.addRoadLine("examples/data/json/lineback_1.json")
|
|||
|
|
|
|||
|
|
this.addRoadLine("examples/data/json/lineback2_1.json")
|
|||
|
|
|
|||
|
|
this.addRoadLine("examples/data/json/lineback3_1.json")
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 路径漫游
|
|||
|
|
*/
|
|||
|
|
new Promise((resolve, reject) => {
|
|||
|
|
|
|||
|
|
var paths = [
|
|||
|
|
{ lon: 106.57003293712452, lat: 29.524797836353418, alt: 0, height: 10000, time: 0 },
|
|||
|
|
{ lon: 106.56383672216968, lat: 29.53146964052541, alt: 0, height: 10000, time: 120 },
|
|||
|
|
{ lon: 106.56144813002342, lat: 29.531134070376954, alt: 0, height: 10000, time: 240 },
|
|||
|
|
{ lon: 106.55416088966606, lat: 29.530970546674276, alt: 0, height: 10000, time: 360 },
|
|||
|
|
{ lon: 106.55414087849685, lat: 29.53383654312555, alt: 0, height: 10000, time: 480 },
|
|||
|
|
{ lon: 106.55414087849685, lat: 29.53383654312555, alt: 0, height: 10000, time: 600 }
|
|||
|
|
]
|
|||
|
|
this._util.setPathRoaming({
|
|||
|
|
paths: paths,
|
|||
|
|
model: true,
|
|||
|
|
m_url: 'examples/data/model/qiche.gltf',
|
|||
|
|
m_scale: 1,
|
|||
|
|
m_minimumPixelSize: 1,
|
|||
|
|
label: true,
|
|||
|
|
l_text: '任务车辆.1',
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(42, -48),
|
|||
|
|
l_fillColor: Cesium.Color.WHITE,
|
|||
|
|
l_outlineWidth: 3,
|
|||
|
|
billboard: true,
|
|||
|
|
b_img: 'examples/images/Textures/bp.png',
|
|||
|
|
b_width: 55,
|
|||
|
|
b_height: 80,
|
|||
|
|
b_scale: 2,
|
|||
|
|
b_pixelOffset: new Cesium.Cartesian2(20, 0)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
var paths2 = [
|
|||
|
|
{ lon: 106.5565907627419, lat: 29.53456446159264, alt: 0, height: 10000, time: 0 },
|
|||
|
|
{ lon: 106.55814221039576, lat: 29.53472126114135, alt: 0, height: 10000, time: 120 },
|
|||
|
|
{ lon: 106.55967343745067, lat: 29.535457923243882, alt: 0, height: 10000, time: 240 },
|
|||
|
|
{ lon: 106.5605585760546, lat: 29.535371534594482, alt: 0, height: 10000, time: 360 },
|
|||
|
|
{ lon: 106.56333275485729, lat: 29.532352521691557, alt: 0, height: 10000, time: 480 },
|
|||
|
|
{ lon: 106.56401603756584, lat: 29.53145981355466, alt: 0, height: 10000, time: 600 },
|
|||
|
|
{ lon: 106.56560417620496, lat: 29.531485540486234, alt: 0, height: 10000, time: 720 },
|
|||
|
|
{ lon: 106.56982272180862, lat: 29.532047070094315, alt: 0, height: 10000, time: 840 }
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
this._util.setPathRoaming({
|
|||
|
|
|
|||
|
|
paths: paths2,
|
|||
|
|
model: true,
|
|||
|
|
m_url: 'examples/data/model/qiche.gltf',
|
|||
|
|
m_scale: 1,
|
|||
|
|
m_minimumPixelSize: 1,
|
|||
|
|
label: true,
|
|||
|
|
l_text: '任务车辆.2',
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(42, -48),
|
|||
|
|
l_fillColor: Cesium.Color.WHITE,
|
|||
|
|
l_outlineWidth: 3,
|
|||
|
|
billboard: true,
|
|||
|
|
b_img: 'examples/images/Textures/bp.png',
|
|||
|
|
b_width: 55,
|
|||
|
|
b_height: 80,
|
|||
|
|
b_scale: 2,
|
|||
|
|
b_pixelOffset: new Cesium.Cartesian2(20, 0)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
var paths3 = [
|
|||
|
|
{ lon: 106.55995243647547, lat: 29.543838865278495, alt: 0, height: 10000, time: 0 },
|
|||
|
|
{ lon: 106.56012297535275, lat: 29.54135878173985, alt: 0, height: 10000, time: 120 },
|
|||
|
|
{ lon: 106.56010025753658, lat: 29.538155717188193, alt: 0, height: 10000, time: 240 },
|
|||
|
|
{ lon: 106.5602143992771, lat: 29.535935972391595, alt: 0, height: 10000, time: 360 },
|
|||
|
|
{ lon: 106.56566297913831, lat: 29.529388590619995, alt: 0, height: 10000, time: 480 },
|
|||
|
|
{ lon: 106.56566297913831, lat: 29.529388590619995, alt: 0, height: 10000, time: 600 }
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
this._util.setPathRoaming({
|
|||
|
|
|
|||
|
|
paths: paths3,
|
|||
|
|
model: true,
|
|||
|
|
m_url: 'examples/data/model/qiche.gltf',
|
|||
|
|
m_scale: 1,
|
|||
|
|
m_minimumPixelSize: 1,
|
|||
|
|
label: true,
|
|||
|
|
l_text: '任务车辆.3',
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(42, -48),
|
|||
|
|
l_fillColor: Cesium.Color.WHITE,
|
|||
|
|
l_outlineWidth: 3,
|
|||
|
|
billboard: true,
|
|||
|
|
b_img: 'examples/images/Textures/bp.png',
|
|||
|
|
b_width: 55,
|
|||
|
|
b_height: 80,
|
|||
|
|
b_scale: 2,
|
|||
|
|
b_pixelOffset: new Cesium.Cartesian2(20, 0)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
var paths4 = [
|
|||
|
|
{ lon: 106.55254218312906, lat: 29.525324292576798, alt: 0, height: 10000, time: 0 },
|
|||
|
|
{ lon: 106.55094702943869, lat: 29.528138996089695, alt: 0, height: 10000, time: 120 },
|
|||
|
|
{ lon: 106.55416687394586, lat: 29.531015366619958, alt: 0, height: 10000, time: 240 },
|
|||
|
|
{ lon: 106.55796107689329, lat: 29.531015366619958, alt: 0, height: 10000, time: 360 },
|
|||
|
|
{ lon: 106.55796107689329, lat: 29.53111995652228, alt: 0, height: 10000, time: 480 },
|
|||
|
|
{ lon: 106.55826360770091, lat: 29.526149944173504, alt: 0, height: 10000, time: 600 },
|
|||
|
|
{ lon: 106.55834657023352, lat: 29.525744009935668, alt: 0, height: 10000, time: 720 },
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
this._util.setPathRoaming({
|
|||
|
|
|
|||
|
|
paths: paths4,
|
|||
|
|
model: true,
|
|||
|
|
m_url: 'examples/data/model/CesiumMilkTruck.glb',
|
|||
|
|
m_scale:10,
|
|||
|
|
label: true,
|
|||
|
|
l_text: '社会车辆.1',
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(42, -70),
|
|||
|
|
l_fillColor: Cesium.Color.WHITE,
|
|||
|
|
l_outlineWidth: 3,
|
|||
|
|
billboard: true,
|
|||
|
|
b_img: 'examples/images/Textures/bp2.png',
|
|||
|
|
b_width: 55,
|
|||
|
|
b_height: 80,
|
|||
|
|
b_scale: 2,
|
|||
|
|
b_pixelOffset: new Cesium.Cartesian2(20, -20)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
var paths5 = [
|
|||
|
|
{ lon: 106.54785660441873, lat: 29.541068287177758, alt: 0, height: 10000, time: 0 },
|
|||
|
|
{ lon: 106.55096736681742, lat: 29.541274671684562, alt: 0, height: 10000, time: 120 },
|
|||
|
|
{ lon: 106.55417026108965, lat: 29.542723927762594, alt: 0, height: 10000, time: 240 },
|
|||
|
|
{ lon: 106.55768185185038, lat: 29.543343891151327, alt: 0, height: 10000, time: 360 },
|
|||
|
|
{ lon: 106.56177018350208, lat: 29.543572027310912, alt: 0, height: 10000, time: 480 },
|
|||
|
|
{ lon: 106.564952958958, lat: 29.543196019188958, alt: 0, height: 10000, time: 600 },
|
|||
|
|
{ lon: 106.56496364017232, lat: 29.543182043715298, alt: 0, height: 10000, time: 720 },
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
this._util.setPathRoaming({
|
|||
|
|
|
|||
|
|
paths: paths5,
|
|||
|
|
model: true,
|
|||
|
|
m_url: 'examples/data/model/CesiumMilkTruck.glb',
|
|||
|
|
m_scale:10,
|
|||
|
|
label: true,
|
|||
|
|
l_text: '社会车辆.2',
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(42, -70),
|
|||
|
|
l_fillColor: Cesium.Color.WHITE,
|
|||
|
|
l_outlineWidth: 3,
|
|||
|
|
billboard: true,
|
|||
|
|
b_img: 'examples/images/Textures/bp2.png',
|
|||
|
|
b_width: 55,
|
|||
|
|
b_height: 80,
|
|||
|
|
b_scale: 2,
|
|||
|
|
b_pixelOffset: new Cesium.Cartesian2(20, -20)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
var paths5 = [
|
|||
|
|
{ lon: 106.53723590282631, lat: 29.549647357633564, alt: 300, height: 10000, time: 0 },
|
|||
|
|
{ lon: 106.54729432614089, lat: 29.525784806338617, alt: 300, height: 10000, time: 120 },
|
|||
|
|
{ lon: 106.5710138566176, lat: 29.516772520652342, alt: 300, height: 10000, time: 240 },
|
|||
|
|
{ lon: 106.5788276019971, lat: 29.53780626182699, alt: 300, height: 10000, time: 360 },
|
|||
|
|
{ lon: 106.54982114025249, lat: 29.543572027310912, alt: 300, height: 10000, time: 480 }
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
var flyEntity = this._util.setPathRoaming({
|
|||
|
|
|
|||
|
|
paths: paths5,
|
|||
|
|
model: true,
|
|||
|
|
m_url: 'examples/data/model/CesiumDrone.gltf',
|
|||
|
|
label: true,
|
|||
|
|
l_text: '无人机侦察',
|
|||
|
|
l_outlineWidth: 3,
|
|||
|
|
l_fillColor: Cesium.Color.CYAN
|
|||
|
|
})
|
|||
|
|
// this._viewer.entities.add(this._util.createDynamicCylinder({
|
|||
|
|
// positions: flyEntity.position.getValue(this._viewer.clock.currentTime),
|
|||
|
|
// entity: flyEntity,
|
|||
|
|
// cylinder: {
|
|||
|
|
// length: 50,
|
|||
|
|
// slices: 6,
|
|||
|
|
// bottomRadius: 200,
|
|||
|
|
// material: new Cesium.WarnLinkMaterialProperty({ freely: 'vertical', color: Cesium.Color.ORANGE, duration: 1, count: 0.0, direction: '-' }),
|
|||
|
|
// }
|
|||
|
|
// }))
|
|||
|
|
|
|||
|
|
|
|||
|
|
var pointLight = this._util.setPointLight(
|
|||
|
|
flyEntity.position.getValue(this._viewer.clock.currentTime),
|
|||
|
|
{
|
|||
|
|
color: new Cesium.Color(9, 160, 15, 0.8),
|
|||
|
|
cutoffDistance: 500,
|
|||
|
|
decay: 2,
|
|||
|
|
intensity: 5
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this._viewer.clock.onTick.addEventListener((clock) => {
|
|||
|
|
|
|||
|
|
var position = flyEntity.position.getValue(this._viewer.clock.currentTime)
|
|||
|
|
|
|||
|
|
pointLight.position = position
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 高度光源线
|
|||
|
|
*/
|
|||
|
|
new Promise((resolve, reject) => {
|
|||
|
|
|
|||
|
|
this.addHeightLineLight({
|
|||
|
|
positions: {
|
|||
|
|
startPoint: Cesium.Cartesian3.fromDegrees(106.56558869414897, 29.546645918115, 0.0),
|
|||
|
|
endPoint: Cesium.Cartesian3.fromDegrees(106.56558869414897, 29.546645918115, 20000.0)
|
|||
|
|
},
|
|||
|
|
color: Cesium.Color.DARKGOLDENROD,
|
|||
|
|
width: 6
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addHeightLineLight({
|
|||
|
|
positions: {
|
|||
|
|
startPoint: Cesium.Cartesian3.fromDegrees(106.56698580585798, 29.530538206648064, 0.0),
|
|||
|
|
endPoint: Cesium.Cartesian3.fromDegrees(106.56698580585798, 29.530538206648064, 20000.0)
|
|||
|
|
},
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
width: 6
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addHeightLineLight({
|
|||
|
|
positions: {
|
|||
|
|
startPoint: Cesium.Cartesian3.fromDegrees(106.5399480984319, 29.53383231300993, 0.0),
|
|||
|
|
endPoint: Cesium.Cartesian3.fromDegrees(106.5399480984319, 29.53383231300993, 20000.0)
|
|||
|
|
},
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
width: 6
|
|||
|
|
})
|
|||
|
|
//
|
|||
|
|
this._viewer.entities.add({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.5399480984319, 29.53383231300993, 0.0),
|
|||
|
|
ellipsoid: {
|
|||
|
|
radii: new Cesium.Cartesian3(200.0, 200.0, 200.0),
|
|||
|
|
material: new Cesium.WallLinkMaterialProperty({ freely: 'vertical', color: Cesium.Color.RED.withAlpha(0.5), duration: 1000, count: 0, direction: '-' }),
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.addHeightLineLight({
|
|||
|
|
positions: {
|
|||
|
|
startPoint: Cesium.Cartesian3.fromDegrees(106.553868801763, 29.527073727667158, 0.0),
|
|||
|
|
endPoint: Cesium.Cartesian3.fromDegrees(106.553868801763, 29.527073727667158, 20000.0)
|
|||
|
|
},
|
|||
|
|
color: Cesium.Color.DARKGOLDENROD,
|
|||
|
|
width: 6
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addHeightLineLight({
|
|||
|
|
positions: {
|
|||
|
|
startPoint: Cesium.Cartesian3.fromDegrees(106.54583250446436, 29.542360318905853, 0.0),
|
|||
|
|
endPoint: Cesium.Cartesian3.fromDegrees(106.54583250446436, 29.542360318905853, 0.0)
|
|||
|
|
},
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
width: 6
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//
|
|||
|
|
this._viewer.entities.add({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.54583250446436, 29.542360318905853, 0.0),
|
|||
|
|
ellipsoid: {
|
|||
|
|
radii: new Cesium.Cartesian3(200.0, 200.0, 200.0),
|
|||
|
|
material: new Cesium.WallLinkMaterialProperty({ freely: 'vertical', color: Cesium.Color.DARKGREEN.withAlpha(0.1), duration: 1000, count: 0, direction: '-' }),
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 弧线
|
|||
|
|
*/
|
|||
|
|
new Promise((resolve, reject) => {
|
|||
|
|
|
|||
|
|
var startPoints = Cesium.Cartesian3.fromDegrees(106.56298388731544, 29.532057959712986, 230.0)
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.55775961346458, 29.542807433251742, 0.0) },
|
|||
|
|
)
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.55775961346458, lat: 29.542807433251742, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.55510300690722, 29.527818241746893, 0.0) },
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.55510300690722, lat: 29.527818241746893, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.55826955975746, 29.533090799351488, 0.0) },
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.55826955975746, lat: 29.533090799351488, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.5518898036773, 29.53425871475176, 0.0) },
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.5518898036773, lat: 29.53425871475176, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.55831081954038, 29.538058310725905, 0.0) },
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.55831081954038, lat: 29.538058310725905, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.55200667660088, 29.529567664624146, 0.0) },
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.55200667660088, lat: 29.529567664624146, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.56818853301075, 29.525016061106154, 0.0) },
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.56818853301075, lat: 29.525016061106154, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.57296659709463, 29.5293255402316, 0.0) },
|
|||
|
|
)
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.57296659709463, lat: 29.5293255402316, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.56948261814809, 29.53323873346, 0.0) },
|
|||
|
|
)
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.56948261814809, lat: 29.53323873346, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.55511738770666, 29.520780769175847, 0.0) },
|
|||
|
|
)
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.55511738770666, lat: 29.520780769175847, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.56938764079821, 29.53789177413806, 0.0) },
|
|||
|
|
)
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.56938764079821, lat: 29.53789177413806, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.56869940844197, 29.54266106727103, 0.0) },
|
|||
|
|
)
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.56869940844197, lat: 29.54266106727103, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
this.addRadianLineLight(
|
|||
|
|
{ startPoint: startPoints, endPoint: Cesium.Cartesian3.fromDegrees(106.57656077263997, 29.538952807799447, 0.0) },
|
|||
|
|
)
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.57656077263997, lat: 29.538952807799447, alt: 0.0 },
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
height: 0,
|
|||
|
|
radius: 20,
|
|||
|
|
count: 1
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 楼宇信息
|
|||
|
|
*/
|
|||
|
|
new Promise((resolve, reject) => {
|
|||
|
|
|
|||
|
|
|
|||
|
|
this._util.setPointLight(
|
|||
|
|
Cesium.Cartesian3.fromDegrees(106.56298388731544, 29.532057959712986, 50.0),
|
|||
|
|
{
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
cutoffDistance: 250,
|
|||
|
|
decay: 1,
|
|||
|
|
intensity: 2
|
|||
|
|
})
|
|||
|
|
this.addCircleLine({
|
|||
|
|
semiMinorAxis: 150,
|
|||
|
|
semiMajorAxis: 150,
|
|||
|
|
rotation: 0,
|
|||
|
|
center: Cesium.Cartesian3.fromDegrees(106.56298388731544, 29.532057959712986, 40.0),
|
|||
|
|
granularity: Math.PI / 45.0//间隔
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//动态实体 楼宇中心
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.56298388731544, 29.532057959712986, 230.0),
|
|||
|
|
model: { lng: 106.56298388731544, lat: 29.532057959712986, alt: 230.0 },
|
|||
|
|
circle: { lng: 106.56298388731544, lat: 29.532057959712986, alt: 350.0 },
|
|||
|
|
m_color: Cesium.Color.GREEN,
|
|||
|
|
label: true,
|
|||
|
|
billboard: true,
|
|||
|
|
text: ' xx大厦 ',
|
|||
|
|
l_fillColor: Cesium.Color.GREEN,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -5),
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.56298388731544, lat: 29.532057959712986, alt: 230.0 },
|
|||
|
|
color: Cesium.Color.GREEN,
|
|||
|
|
height: 205,
|
|||
|
|
radius: 30
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.5659092537878, 29.530924830570186, 120.0),
|
|||
|
|
model: { lng: 106.5659092537878, lat: 29.530924830570186, alt: 120.0 },
|
|||
|
|
circle: { lng: 106.5659092537878, lat: 29.530924830570186, alt: 120.0 },
|
|||
|
|
m_color: Cesium.Color.GREEN,
|
|||
|
|
label: true,
|
|||
|
|
text: ' 写字楼 ',
|
|||
|
|
l_fillColor: Cesium.Color.GREEN,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -20),
|
|||
|
|
billboard: false
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.5659092537878, lat: 29.530924830570186, alt: 120.0 },
|
|||
|
|
color: Cesium.Color.GREEN,
|
|||
|
|
height: 95,
|
|||
|
|
radius: 20
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.56240261998792, 29.527304750255123, 120.0),
|
|||
|
|
model: { lng: 106.56240261998792, lat: 29.527304750255123, alt: 120.0 },
|
|||
|
|
circle: { lng: 106.56240261998792, lat: 29.527304750255123, alt: 120.0 },
|
|||
|
|
m_color: Cesium.Color.GREEN,
|
|||
|
|
label: true,
|
|||
|
|
l_fillColor: Cesium.Color.GREEN,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -20),
|
|||
|
|
billboard: false,
|
|||
|
|
text: ' 服务中心 '
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.56240261998792, lat: 29.527304750255123, alt: 120.0 },
|
|||
|
|
color: Cesium.Color.GREEN,
|
|||
|
|
height: 95,
|
|||
|
|
radius: 20
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.56339406642704, 29.53412750079538, 180.0),
|
|||
|
|
model: { lng: 106.56339406642704, lat: 29.53412750079538, alt: 180.0 },
|
|||
|
|
circle: { lng: 106.56339406642704, lat: 29.53412750079538, alt: 180.0 },
|
|||
|
|
m_color: Cesium.Color.GREEN,
|
|||
|
|
label: true,
|
|||
|
|
l_fillColor: Cesium.Color.GREEN,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -20),
|
|||
|
|
billboard: false,
|
|||
|
|
text: ' 商场 '
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicCricle({
|
|||
|
|
circle: { lng: 106.56339406642704, lat: 29.53412750079538, alt: 180.0 },
|
|||
|
|
color: Cesium.Color.GREEN,
|
|||
|
|
height: 155,
|
|||
|
|
radius: 20
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//
|
|||
|
|
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.54439406642704, 29.53412750079538, 200.0),
|
|||
|
|
model: { lng: 106.54439406642704, lat: 29.54439406642704, alt: 200.0 },
|
|||
|
|
m_scale: 35,
|
|||
|
|
minimumPixelSize: 80,
|
|||
|
|
m_color: Cesium.Color.CYAN,
|
|||
|
|
label: true,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -20),
|
|||
|
|
l_fillColor: Cesium.Color.CYAN,
|
|||
|
|
billboard: false,
|
|||
|
|
text: ' 雷达探测 '
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//
|
|||
|
|
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.55439406642704, 29.53412750079538, 80.0),
|
|||
|
|
model: { lng: 106.55439406642704, lat: 29.53412750079538, alt: 80.0 },
|
|||
|
|
m_scale: 35,
|
|||
|
|
minimumPixelSize: 80,
|
|||
|
|
m_color: Cesium.Color.CYAN,
|
|||
|
|
label: true,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -20),
|
|||
|
|
billboard: false,
|
|||
|
|
text: '车牌: 京A53137 '
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.54439406642704, 29.54412750079538, 80.0),
|
|||
|
|
model: { lng: 106.54439406642704, lat: 29.54412750079538, alt: 80.0 },
|
|||
|
|
m_scale: 35,
|
|||
|
|
minimumPixelSize: 80,
|
|||
|
|
m_color: Cesium.Color.CYAN,
|
|||
|
|
label: true,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -20),
|
|||
|
|
billboard: false,
|
|||
|
|
text: '车牌: 京A52157 '
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.53582326246042, 29.53843116134104, 80.0),
|
|||
|
|
model: { lng: 106.53582326246042, lat: 29.53843116134104, alt: 80.0 },
|
|||
|
|
m_scale: 35,
|
|||
|
|
minimumPixelSize: 80,
|
|||
|
|
m_color: Cesium.Color.CYAN,
|
|||
|
|
label: true,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -20),
|
|||
|
|
billboard: false,
|
|||
|
|
text: '车牌: 京B52688 '
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.addDynamicEntity({
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(106.57205354541892, 29.560026997082456, 300.0),
|
|||
|
|
model: { lng: 106.57205354541892, lat: 29.560026997082456, alt: 300.0 },
|
|||
|
|
m_scale: 35,
|
|||
|
|
minimumPixelSize: 80,
|
|||
|
|
m_color: Cesium.Color.GREEN,
|
|||
|
|
label: true,
|
|||
|
|
l_pixelOffset: new Cesium.Cartesian2(0, -20),
|
|||
|
|
billboard: false,
|
|||
|
|
text: ' 隔离区 '
|
|||
|
|
})
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.55682326246042, 29.534247808485972, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.55882326246042, 29.534247808485972, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.55982326246042, 29.534247808485972, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.56082326246042, 29.534247808485972, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.56582326246042, 29.534247808485972, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.55982326246042, 29.52843116134104, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.56082326246042, 29.52843116134104, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.56582326246042, 29.52843116134104, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.54982326246042, 29.52843116134104, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.53082326246042, 29.52843116134104, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.55582326246042, 29.54843116134104, 1.0))
|
|||
|
|
|
|||
|
|
this.addPoi(Cesium.Cartesian3.fromDegrees(106.54539406642704, 29.54412750079538, 1.0))
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// this._viewer.scene.camera.moveEnd.addEventListener((move) => {
|
|||
|
|
|
|||
|
|
// console.log(this._util.getCameraPosition())
|
|||
|
|
|
|||
|
|
// });
|
|||
|
|
// var _handler = new Cesium.ScreenSpaceEventHandler(this._viewer.scene.canvas)
|
|||
|
|
// _handler.setInputAction((movement) => {
|
|||
|
|
|
|||
|
|
// var cartesian = this._util.getCatesian3FromPX(movement.position)
|
|||
|
|
|
|||
|
|
// console.log(this._util.transformCartesianToWGS84(cartesian))
|
|||
|
|
|
|||
|
|
// }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
|||
|
|
// this._util.setDark()
|
|||
|
|
// this._util.getHandelPosition((position,handel)=>{
|
|||
|
|
// console.log(position)
|
|||
|
|
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
// this._util.setScanCircleEffect({
|
|||
|
|
// position: new Cesium.Cartesian3.fromDegrees(106.50642721790797, 29.658575326606123, 5.0)
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
// this._util.drawLine((value) => {
|
|||
|
|
// console.log(value)
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
D3.prototype.addRoadLine = function (url, polyline) {
|
|||
|
|
|
|||
|
|
var DEF_STYLE = {
|
|||
|
|
width: 2
|
|||
|
|
}
|
|||
|
|
polyline = polyline || DEF_STYLE
|
|||
|
|
|
|||
|
|
if (url) {
|
|||
|
|
|
|||
|
|
this._util.addLineLayer({
|
|||
|
|
url: url,
|
|||
|
|
polyline: polyline
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
D3.prototype.addDynamicCricle = function (opt) {
|
|||
|
|
|
|||
|
|
var cricleEntity = this._util.createDynamicCricle({
|
|||
|
|
center: opt.circle,
|
|||
|
|
imge: opt.imge,
|
|||
|
|
material: new Cesium.CircleWaveMaterialProperty({
|
|||
|
|
color: opt.color || Cesium.Color.DARKCYAN.withAlpha(0.8),
|
|||
|
|
count: opt.count || 3,
|
|||
|
|
gradient: opt.gradient || 0.9
|
|||
|
|
}),
|
|||
|
|
radius: opt.radius || 100,
|
|||
|
|
height: opt.height || 0.1,
|
|||
|
|
rotateAmount: 0.01
|
|||
|
|
})
|
|||
|
|
this._viewer.entities.add(cricleEntity)
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
D3.prototype.addDynamicEntity = function (opt) {
|
|||
|
|
|
|||
|
|
var Entity = this._util.createEntity()
|
|||
|
|
|
|||
|
|
if (opt.model) {
|
|||
|
|
Entity.model = this._util.getModel({
|
|||
|
|
m_url: opt.m_url || 'examples/data/model/zhui.glb',
|
|||
|
|
m_scale: opt.m_scale || 40,
|
|||
|
|
m_minimumPixelSize: opt.m_minimumPixelSize || 50,
|
|||
|
|
m_color: opt.m_color || Cesium.Color.DARKCYAN.withAlpha(0.5)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this._util.setRotateModel({
|
|||
|
|
entity: Entity,
|
|||
|
|
position: opt.model,
|
|||
|
|
rotateAmount: 4
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (opt.billboard) {
|
|||
|
|
|
|||
|
|
Entity.billboard = this._util.getBillboard({
|
|||
|
|
b_img: 'examples/images/Textures/warn.png',
|
|||
|
|
b_width: 55,
|
|||
|
|
b_height: 55,
|
|||
|
|
b_pixelOffset: opt.b_pixelOffset || new Cesium.Cartesian2(0, -60)
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (opt.label) {
|
|||
|
|
Entity.label = this._util.getLabel({
|
|||
|
|
l_text: opt.text,
|
|||
|
|
l_font: '16px sans-serif',
|
|||
|
|
l_pixelOffset: opt.l_pixelOffset || new Cesium.Cartesian2(0, -100),
|
|||
|
|
l_fillColor: opt.l_fillColor || Cesium.Color.CYAN
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Entity.position = opt.position
|
|||
|
|
this._viewer.entities.add(Entity)
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
D3.prototype.addPoi = function (position) {
|
|||
|
|
|
|||
|
|
this._viewer.entities.add(this._util.createPoint({
|
|||
|
|
position: position,
|
|||
|
|
lable: false,
|
|||
|
|
point: false,
|
|||
|
|
billboard: {
|
|||
|
|
b_img: 'examples/images/Textures/poi2.png',
|
|||
|
|
b_width: 42,
|
|||
|
|
b_height: 140,
|
|||
|
|
b_scale: 1.5
|
|||
|
|
}
|
|||
|
|
}))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
D3.prototype.addRadianLineLight = function (positions, angularityFactor = 50000, numOfSingleLine = 500, cutoffDistance = 100) {
|
|||
|
|
if (positions) {
|
|||
|
|
|
|||
|
|
this._util.addMaterialLine({
|
|||
|
|
positions: this._util.getLinkedPointList(positions.startPoint, positions.endPoint, angularityFactor, numOfSingleLine),
|
|||
|
|
width: 8,
|
|||
|
|
material: new Cesium.PolylineCityLinkMaterialProperty({
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
duration: 20000
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this._util.setPointLight(
|
|||
|
|
positions.endPoint,
|
|||
|
|
{
|
|||
|
|
color: new Cesium.Color(1, 1, 2, 0.8),
|
|||
|
|
cutoffDistance: cutoffDistance,
|
|||
|
|
decay: 0.5,
|
|||
|
|
intensity: 1
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
D3.prototype.addHeightLineLight = function (opt) {
|
|||
|
|
|
|||
|
|
if (opt) {
|
|||
|
|
|
|||
|
|
this._util.addMaterialLine({
|
|||
|
|
positions: [opt.positions.startPoint, opt.positions.endPoint],
|
|||
|
|
width: opt.width || 50,
|
|||
|
|
material: new Cesium.PolylineCityLinkMaterialProperty({
|
|||
|
|
color: opt.color || new Cesium.Color(2, 2, 5, 0.8),
|
|||
|
|
duration: opt.duration || 30000
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
if (opt.pointLight) {
|
|||
|
|
this._util.setPointLight(
|
|||
|
|
positions.startPoint,
|
|||
|
|
{
|
|||
|
|
color: new Cesium.Color(1, 1, 2, 0.8),
|
|||
|
|
cutoffDistance: opt.cutoffDistance || 800,
|
|||
|
|
decay: 0.5,
|
|||
|
|
intensity: 1
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
D3.prototype.addCircleLine = function (opt) {
|
|||
|
|
|
|||
|
|
var ellipse = this._util.computeEllipseEdgePositions(opt)
|
|||
|
|
|
|||
|
|
var positions = []
|
|||
|
|
for (let i = 0; i < ellipse.outerPositions.length; i += 3) {
|
|||
|
|
let cartesian = new Cesium.Cartesian3(ellipse.outerPositions[i], ellipse.outerPositions[i + 1], ellipse.outerPositions[i + 2]);
|
|||
|
|
positions.push(cartesian)
|
|||
|
|
}
|
|||
|
|
positions.push(positions[0])
|
|||
|
|
|
|||
|
|
var circleLine = this._viewer.entities.add(this._util.createLine({
|
|||
|
|
positions: positions,
|
|||
|
|
width: 8,
|
|||
|
|
material: new Cesium.PolylineOutlineMaterialProperty({
|
|||
|
|
color: Cesium.Color.CYAN,
|
|||
|
|
}),
|
|||
|
|
}))
|
|||
|
|
|
|||
|
|
this._util.setDynamicHeight({
|
|||
|
|
entity: circleLine.polyline,
|
|||
|
|
cartesians: circleLine.polyline.positions._value,
|
|||
|
|
minHeiht: 40,
|
|||
|
|
maxHeiht: 220,
|
|||
|
|
speed: 0.01
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
D3.prototype.addWall = function () {
|
|||
|
|
|
|||
|
|
var warn = [
|
|||
|
|
106.56100246619017, 29.55196242209373, 200.0,
|
|||
|
|
106.56340609277548, 29.566165610819642, 200.0,
|
|||
|
|
106.58569020875434, 29.565728490316253, 200.0,
|
|||
|
|
106.58005269968774, 29.554240715275743, 200.0,
|
|||
|
|
106.56120354632381, 29.55085916174001, 200.0,
|
|||
|
|
106.56100246619017, 29.55196242209373, 200.0,
|
|||
|
|
]
|
|||
|
|
// this._viewer.entities.add({
|
|||
|
|
// wall: {
|
|||
|
|
// positions: Cesium.Cartesian3.fromDegreesArrayHeights(warn),
|
|||
|
|
// material: new Cesium.WarnLinkMaterialProperty({ freely: 'cross', color: Cesium.Color.ORANGE, duration: 1000, count: 1.0, direction: '-' }),
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
// var wall = [
|
|||
|
|
// 106.48371807021667, 29.58911680397793, 300,
|
|||
|
|
// 106.51856472700705, 29.521864720316948, 300,
|
|||
|
|
// 106.58365973316853, 29.509643881335794, 300,
|
|||
|
|
// 106.59786596223937, 29.55949597535444, 300,
|
|||
|
|
// 106.59947239295121, 29.571088868292403, 300,
|
|||
|
|
// 106.53450991438845, 29.604637451928784, 300,
|
|||
|
|
// 106.50579172352724, 29.650956459667555, 300,
|
|||
|
|
// 106.48371807021667, 29.58911680397793, 300
|
|||
|
|
// ]
|
|||
|
|
|
|||
|
|
this._viewer.entities.add({
|
|||
|
|
wall: {
|
|||
|
|
positions: Cesium.Cartesian3.fromDegreesArrayHeights(warn),
|
|||
|
|
material: new Cesium.WallLinkMaterialProperty({ freely: 'vertical', color: Cesium.Color.DARKGREEN.withAlpha(0.1), duration: 1000, count: 0, direction: '-' }),
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
D3.prototype.addThreeObject = function () {
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Lathe geometry
|
|||
|
|
var doubleSideMaterial = new THREE.MeshNormalMaterial({
|
|||
|
|
side: THREE.DoubleSide
|
|||
|
|
});
|
|||
|
|
var segments = 10;
|
|||
|
|
var points = [];
|
|||
|
|
for (var i = 0; i < segments; i++) {
|
|||
|
|
points.push(new THREE.Vector2(Math.sin(i * 0.2) * segments + 5, (i - 5) * 2));
|
|||
|
|
}
|
|||
|
|
var geometry = new THREE.LatheGeometry(points);
|
|||
|
|
var latheMesh = new THREE.Mesh(geometry, doubleSideMaterial);
|
|||
|
|
latheMesh.scale.set(100, 100, 100); //scale object to be visible at planet scale
|
|||
|
|
latheMesh.position.z += 1500.0; // translate "up" in Three.js space so the "bottom" of the mesh is the handle
|
|||
|
|
latheMesh.rotation.x = Math.PI / 2; // rotate mesh for Cesium's Y-up system
|
|||
|
|
var latheMeshYup = new THREE.Group();
|
|||
|
|
latheMeshYup.add(latheMesh)
|
|||
|
|
this._util._three.scene.add(latheMeshYup); // don’t forget to add it to the Three.js scene manually
|
|||
|
|
|
|||
|
|
var threeObject = []
|
|||
|
|
|
|||
|
|
var maxWGS84 = [106.57003293712452, 29.524797836353418]
|
|||
|
|
var minWGS84 = [106.55003293712452, 29.504797836353418]
|
|||
|
|
|
|||
|
|
var _3DOB = this._util.createThreeObject()
|
|||
|
|
_3DOB.maxWGS84 = maxWGS84
|
|||
|
|
_3DOB.minWGS84 = minWGS84
|
|||
|
|
_3DOB.threeMesh = latheMeshYup
|
|||
|
|
|
|||
|
|
threeObject.push(_3DOB)
|
|||
|
|
|
|||
|
|
this._util.addThreeObjects(threeObject)
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 初始化页面
|
|||
|
|
* 添加gu
|
|||
|
|
*/
|
|||
|
|
D3.prototype.initGUI = function () {
|
|||
|
|
|
|||
|
|
var viewer = this._viewer,
|
|||
|
|
gui = new dat.GUI();
|
|||
|
|
|
|||
|
|
var sceneObj = new function () {
|
|||
|
|
//泛光开关
|
|||
|
|
this.bloomEffectShow = false
|
|||
|
|
//泛光阈值
|
|||
|
|
this.bloomThreshold = 1
|
|||
|
|
//泛光强度
|
|||
|
|
this.bloomIntensity = 2
|
|||
|
|
//HDR开关
|
|||
|
|
this.hdrEnabled = true
|
|||
|
|
//颜色校正
|
|||
|
|
this.colorCorrectionShow = false
|
|||
|
|
//饱和度
|
|||
|
|
this.colorCorrectionSaturation = 3.1
|
|||
|
|
//亮度
|
|||
|
|
this.colorCorrectionBrightness = 1.8
|
|||
|
|
//对比度
|
|||
|
|
this.colorCorrectionContrast = 1.2
|
|||
|
|
//色调
|
|||
|
|
this.colorCorrectionHue = 0
|
|||
|
|
|
|||
|
|
//环境光
|
|||
|
|
this.ambientLightColor = 0.1
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var sceneEffect = gui.addFolder('场景效果')
|
|||
|
|
|
|||
|
|
sceneEffect.add(sceneObj, 'bloomEffectShow').name('泛光开关').onChange(function (value) {
|
|||
|
|
viewer.scene.bloomEffect.show = value;
|
|||
|
|
viewer.scene.bloomEffect.threshold = sceneObj.bloomThreshold;
|
|||
|
|
viewer.scene.bloomEffect.bloomIntensity = sceneObj.bloomIntensity;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'bloomThreshold', 0, 1, 0.1).name('泛光阈值').onChange(function (value) {
|
|||
|
|
viewer.scene.bloomEffect.threshold = value;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'bloomIntensity', 0, 10, 0.1).name('泛光强度').onChange(function (value) {
|
|||
|
|
viewer.scene.bloomEffect.bloomIntensity = value;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'hdrEnabled').name('HDR开关').onChange(function (value) {
|
|||
|
|
viewer.scene.hdrEnabled = value;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'colorCorrectionShow').name('颜色校正').onChange(function (value) {
|
|||
|
|
viewer.scene.colorCorrection.show = value;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'colorCorrectionSaturation', 0, 5, 0.1).name('饱和度').onChange(function (value) {
|
|||
|
|
viewer.scene.colorCorrection.saturation = value;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'colorCorrectionBrightness', 0, 5, 0.1).name('亮度').onChange(function (value) {
|
|||
|
|
viewer.scene.colorCorrection.brightness = value;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'colorCorrectionContrast', 0, 5, 0.1).name('对比度').onChange(function (value) {
|
|||
|
|
viewer.scene.colorCorrection.contrast = value;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'colorCorrectionHue', 0, 5, 0.1).name('色调').onChange(function (value) {
|
|||
|
|
viewer.scene.hdrEnabled = value;
|
|||
|
|
});
|
|||
|
|
sceneEffect.add(sceneObj, 'colorCorrectionHue', 0, 1, 0.1).name('环境光').onChange(function (value) {
|
|||
|
|
viewer.scene.lightSource.ambientLightColor = new Cesium.Color(value, value, value, 1);
|
|||
|
|
});
|
|||
|
|
sceneEffect.open()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (typeof Cesium !== 'undefined') {
|
|||
|
|
onloadApp()
|
|||
|
|
}
|