223 lines
8.9 KiB
JavaScript
223 lines
8.9 KiB
JavaScript
|
function onload(Cesium) {
|
|||
|
|
var viewer = new Cesium.Viewer('cesiumContainer',{
|
|||
|
|
imageryProvider: new Cesium.BingMapsImageryProvider({
|
|||
|
|
url : 'https://dev.virtualearth.net',
|
|||
|
|
mapStyle : Cesium.BingMapsStyle.AERIAL
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
var scene = viewer.scene;
|
|||
|
|
var widget = viewer.cesiumWidget;
|
|||
|
|
var index = [];
|
|||
|
|
$('#loadingbar').remove();
|
|||
|
|
|
|||
|
|
try{
|
|||
|
|
var promise = scene.open('http://support.supermap.com.cn:8090/iserver/services/3D-CBD/rest/realspace');
|
|||
|
|
Cesium.when(promise,function(layer){
|
|||
|
|
//设置相机位置、视角，便于观察场景
|
|||
|
|
scene.camera.setView({
|
|||
|
|
destination : new Cesium.Cartesian3(-2178804.249321984,4380733.469416426,4091924.387354936),
|
|||
|
|
orientation : {
|
|||
|
|
heading : 1.5724434357959591,
|
|||
|
|
pitch : -0.34259613828624147,
|
|||
|
|
roll : 6.283185307179563
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},function(){
|
|||
|
|
var title = '加载SCP失败，请检查网络连接状态或者url地址是否正确？';
|
|||
|
|
widget.showErrorPanel(title, undefined, e);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
catch(e){
|
|||
|
|
if (widget._showRenderLoopErrors) {
|
|||
|
|
var title = '渲染时发生错误，已停止渲染。';
|
|||
|
|
widget.showErrorPanel(title, undefined, e);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var urls = [
|
|||
|
|
'./data/car/qiche1.s3m',
|
|||
|
|
'./data/car/qiche2.s3m',
|
|||
|
|
'./data/car/qiche3.s3m',
|
|||
|
|
'./data/car/qiche4.s3m',
|
|||
|
|
'./data/car/qiche5.s3m',
|
|||
|
|
'./data/car/qiche6.s3m',
|
|||
|
|
'./data/car/qiche7.s3m',
|
|||
|
|
'./data/car/qiche8.s3m',
|
|||
|
|
'./data/car/qiche9.s3m',
|
|||
|
|
'./data/car/qiche10.s3m',
|
|||
|
|
'./data/car/qiche11.s3m',
|
|||
|
|
'./data/car/qiche12.s3m',
|
|||
|
|
'./data/car/qiche13.s3m',
|
|||
|
|
'./data/car/qiche14.s3m',
|
|||
|
|
'./data/car/qiche15.s3m',
|
|||
|
|
'./data/car/qiche16.s3m',
|
|||
|
|
'./data/car/qiche17.s3m',
|
|||
|
|
'./data/car/qiche18.s3m',
|
|||
|
|
];
|
|||
|
|
var Factor = urls.length;
|
|||
|
|
var keymap = {};
|
|||
|
|
for(var i = 0;i < Factor;i++){
|
|||
|
|
var url = urls[i];
|
|||
|
|
keymap[url] = [];
|
|||
|
|
}
|
|||
|
|
var layer = new Cesium.DynamicLayer3D(scene.context,urls);
|
|||
|
|
scene.primitives.add(layer);
|
|||
|
|
doSqlQuery();
|
|||
|
|
function onQueryComplete(queryEventArgs){
|
|||
|
|
var airRoute = queryEventArgs.originResult.features;
|
|||
|
|
var startLines = createCarLines(airRoute);
|
|||
|
|
var count = startLines.length;
|
|||
|
|
var objects = [];
|
|||
|
|
for(var i = 0;i < count;i++){
|
|||
|
|
//每条线上有18辆车
|
|||
|
|
for(var j = 0;j < Factor;j++){
|
|||
|
|
var url = urls[j];
|
|||
|
|
var pts = startLines[i];
|
|||
|
|
var len = pts.length;
|
|||
|
|
var index = Math.floor(Math.random()*(len - 1));
|
|||
|
|
var half = len / 2;
|
|||
|
|
var dir = true;
|
|||
|
|
if(j == 0){
|
|||
|
|
index = 0;
|
|||
|
|
dir = true;
|
|||
|
|
}
|
|||
|
|
var point = pts[index];
|
|||
|
|
if(!point){
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var state = new Cesium.DynamicObjectState({
|
|||
|
|
longitude : point.x,
|
|||
|
|
latitude : point.y,
|
|||
|
|
altitude : point.z,
|
|||
|
|
scale : new Cesium.Cartesian3(1,1,1)
|
|||
|
|
});
|
|||
|
|
objects.push({
|
|||
|
|
state : state,
|
|||
|
|
dir : dir,
|
|||
|
|
index : index,
|
|||
|
|
origin : index
|
|||
|
|
});
|
|||
|
|
keymap[url].push(state);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#loadingOverlay").remove();
|
|||
|
|
setInterval(function() {
|
|||
|
|
var m = 0;
|
|||
|
|
for(var i = 0;i < count;i++){
|
|||
|
|
var pts = startLines[i];
|
|||
|
|
if(pts.length == 0){
|
|||
|
|
m++;
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
for(j = 0;j < Factor;j++){
|
|||
|
|
var url = urls[j];
|
|||
|
|
var obj = objects[(i-m)*Factor+j];
|
|||
|
|
var state = obj.state;
|
|||
|
|
var dir = obj.dir;
|
|||
|
|
var point;
|
|||
|
|
if(dir){
|
|||
|
|
obj.index += 1;
|
|||
|
|
point = pts[obj.index];
|
|||
|
|
if(!point){
|
|||
|
|
layer.clear(url,i);
|
|||
|
|
obj.index = obj.origin;
|
|||
|
|
point = pts[obj.index];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
state.longitude = point.x;
|
|||
|
|
state.latitude = point.y;
|
|||
|
|
state.altitude = point.z;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
for(var key in keymap){
|
|||
|
|
layer.updateObjectWithModel(key,keymap[key]);
|
|||
|
|
}
|
|||
|
|
}, 200);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createCarLines(routes){
|
|||
|
|
var count = routes.length;
|
|||
|
|
var startLines = [];
|
|||
|
|
var otherLines = [];
|
|||
|
|
var startLine,otherLine;
|
|||
|
|
var startPoints=[];
|
|||
|
|
for (var i = 0; i < count; i++){
|
|||
|
|
var line = routes[i];
|
|||
|
|
var point3ds = line.geometry.points;
|
|||
|
|
var isStart = line.fieldValues[12];
|
|||
|
|
if(isStart == 'true'){
|
|||
|
|
startPoints.push(point3ds[0]);
|
|||
|
|
startline = [].concat(point3ds);
|
|||
|
|
startLines.push(startline);;
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
otherLine = [].concat(point3ds);
|
|||
|
|
otherLines.push(otherLine);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var startPoint,endPoint;
|
|||
|
|
var allLines = [];
|
|||
|
|
while(otherLines.length > 147){
|
|||
|
|
for(var i = 0;i < startLines.length;i++){
|
|||
|
|
startline = startLines[i];
|
|||
|
|
var len = startline.length;
|
|||
|
|
endPoint = startline[len - 1];
|
|||
|
|
var sliceIndices = [];
|
|||
|
|
var flag = false;
|
|||
|
|
for(var j = 0;j < otherLines.length;j++){
|
|||
|
|
otherLine = otherLines[j];
|
|||
|
|
startPoint = otherLine[0];
|
|||
|
|
if(Cesium.Math.equalsEpsilon(startPoint.x,endPoint.x,Cesium.Math.EPSILON5)&& Cesium.Math.equalsEpsilon(startPoint.y,endPoint.y,Cesium.Math.EPSILON5) && Cesium.Math.equalsEpsilon(startPoint.z,endPoint.z,Cesium.Math.EPSILON5)){
|
|||
|
|
flag = true;
|
|||
|
|
line = [].concat(startline).concat(otherLine.slice(1));
|
|||
|
|
allLines.push(line);
|
|||
|
|
sliceIndices.push(j);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(!flag){
|
|||
|
|
allLines.push([].concat(startline));
|
|||
|
|
}
|
|||
|
|
for(var m = 0;m < sliceIndices.length;m++){
|
|||
|
|
var index = sliceIndices[m];
|
|||
|
|
otherLines.splice(index,1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
startLines = [].concat(allLines);
|
|||
|
|
allLines.length = 0;
|
|||
|
|
}
|
|||
|
|
return startLines;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function doSqlQuery(){
|
|||
|
|
var getFeatureParam, getFeatureBySQLService, getFeatureBySQLParams;
|
|||
|
|
|
|||
|
|
getFeatureParam = new SuperMap.REST.FilterParameter({
|
|||
|
|
attributeFilter: "SMID>0"
|
|||
|
|
});
|
|||
|
|
getFeatureBySQLParams = new SuperMap.REST.GetFeaturesBySQLParameters({
|
|||
|
|
queryParameter: getFeatureParam,
|
|||
|
|
toIndex:426,
|
|||
|
|
datasetNames: ["CBD车道:" + "车道三维"]
|
|||
|
|
});
|
|||
|
|
var url = 'http://www.supermapol.com/realspace/services/data-road/rest/data';
|
|||
|
|
getFeatureBySQLService = new SuperMap.REST.GetFeaturesBySQLService(url, {
|
|||
|
|
eventListeners: {"processCompleted": onQueryComplete, "processFailed": processFailed}});
|
|||
|
|
getFeatureBySQLService.processAsync(getFeatureBySQLParams);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function processFailed(queryEventArgs){
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
scene.postRender.addEventListener(function(){
|
|||
|
|
var lonR = viewer.camera.positionCartographic.longitude;
|
|||
|
|
var latR = viewer.camera.positionCartographic.latitude;
|
|||
|
|
var height = viewer.camera.positionCartographic.height;
|
|||
|
|
var lonD = Cesium.Math.toDegrees(lonR).toFixed(4);
|
|||
|
|
var latD = Cesium.Math.toDegrees(latR).toFixed(4);
|
|||
|
|
var heading = viewer.camera.heading.toFixed(4);
|
|||
|
|
var pitch = viewer.camera.pitch.toFixed(4);
|
|||
|
|
var i = 0;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|