Skip to content

Commit

Permalink
Add URL controller in TypeScript
Browse files Browse the repository at this point in the history
  • Loading branch information
@Son-HNguyen
Son-HNguyen committed Jun 7, 2020
1 parent ff07d0c commit f076322
Show file tree
Hide file tree
Showing 2 changed files with 283 additions and 0 deletions.
263 changes: 263 additions & 0 deletions ts/UrlController.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,263 @@
class UrlController {
private _urlDictionary: any;

public constructor() {
this._urlDictionary = {
"dayTime": "d",
"title": "t",
"shadows": "s",
"terrainShadows": "ts",
"latitude": "la",
"longitude": "lo",
"height": "h",
"heading": "hd",
"pitch": "p",
"roll": "r",

// layer infos
"layer_": "l_",
"url": "u",
"name": "n",
"layerDataType": "ld",
"layerProxy": "lp",
"layerClampToGround": "lc",
"gltfVersion": "gv",
"active": "a",
"spreadsheetUrl": "tu",
"thematicDataSource": "ds",
"tableType": "tt",
// "googleSheetsApiKey": "gk",
// "googleSheetsRanges": "gr",
// "googleSheetsClientId": "tid",
"cityobjectsJsonUrl": "gc",
"minLodPixels": "il",
"maxLodPixels": "al",
"maxSizeOfCachedTiles": "ac",
"maxCountOfVisibleTiles": "av",

// basemap infos
"basemap": "bm",
// "name" : "n",
"iconUrl": "iu",
"tooltip": "ht",
// "url" : "u",
"layers": "ls",
"additionalParameters": "ap",
"proxyUrl": "pu",

// terrain infos
"cesiumWorldTerrain": "ct",
"terrain": "tr",
// "name" : "n,
// "iconUrl" : "iu",
// "tooltip" : "ht",
// "url" : "u"

// splash window infos
"splashWindow": "sw",
// "url": "u",
"showOnStart": "ss",

"ionToken": "it",
"debug": "db",
"googleClientId": "gid"
};
}

public getUrlPara(parameter: string): string {
let value = this._urlDictionary[parameter];
return value ? value : parameter;
}

public generateLink(
webMap: any,
addWmsViewModel: any,
addTerrainViewModel: any,
addSplashWindowModel: any,
signInController: any,
googleClientId: any,
cesiumViewer: any,
Cesium: any
): string {
let cameraPosition = this.getCurrentCameraPostion(cesiumViewer, Cesium);
let projectLink = location.protocol + '//' + location.host + location.pathname + '?';

let clock = cesiumViewer.cesiumWidget.clock;
if (!clock.shouldAnimate) {
let currentJulianDate = clock.currentTime;
let daytimeObject = {};
daytimeObject[this.getUrlPara('dayTime')] = Cesium.JulianDate.toIso8601(currentJulianDate, 0);
projectLink = projectLink + Cesium.objectToQuery(daytimeObject) + '&';
}

projectLink = projectLink +
this.getUrlPara('title') + '=' + document.title +
'&' + this.getUrlPara('shadows') + '=' + cesiumViewer.shadows +
'&' + this.getUrlPara('terrainShadows') + '=' + (isNaN(cesiumViewer.terrainShadows) ? 0 : cesiumViewer.terrainShadows) +
'&' + this.getUrlPara('latitude') + '=' + cameraPosition.latitude +
'&' + this.getUrlPara('longitude') + '=' + cameraPosition.longitude +
'&' + this.getUrlPara('height') + '=' + cameraPosition.height +
'&' + this.getUrlPara('heading') + '=' + cameraPosition.heading +
'&' + this.getUrlPara('pitch') + '=' + cameraPosition.pitch +
'&' + this.getUrlPara('roll') + '=' + cameraPosition.roll +
'&' + this.layersToQuery(webMap, Cesium);
let basemap = this.basemapToQuery(addWmsViewModel, cesiumViewer, Cesium);
if (basemap != null) {
projectLink = projectLink + '&' + basemap;
}

let terrain = this.terrainToQuery(addTerrainViewModel, cesiumViewer, Cesium);
if (terrain != null) {
projectLink = projectLink + '&' + terrain;
}

let splashWindow = this.splashWindowToQuery(addSplashWindowModel, Cesium);
if (splashWindow != null) {
projectLink = projectLink + '&' + splashWindow;
}

// only export client ID if user is logged in
if ((signInController && signInController.clientID && signInController.isSignIn())) {
projectLink = projectLink + '&' + this.getUrlPara('googleClientId') + '=' + (signInController.clientID ? signInController.clientID : googleClientId);
}

return projectLink;
}

private getCurrentCameraPostion(cesiumViewer: any, Cesium: any): any {
let cesiumCamera = cesiumViewer.scene.camera;
let position = Cesium.Ellipsoid.WGS84.cartesianToCartographic(cesiumCamera.position);
let latitude = Cesium.Math.toDegrees(position.latitude);
let longitude = Cesium.Math.toDegrees(position.longitude);
let height = position.height;
let heading = Cesium.Math.toDegrees(cesiumCamera.heading);
let pitch = Cesium.Math.toDegrees(cesiumCamera.pitch);
let roll = Cesium.Math.toDegrees(cesiumCamera.roll);

let result = {
latitude: latitude,
longitude: longitude,
height: height,
heading: heading,
pitch: pitch,
roll: roll
};

return result;
}

private layersToQuery(webMap: any, Cesium: any): string {
var layerGroupObject = new Object();
var layers = webMap._layers;
for (var i = 0; i < layers.length; i++) {
var layer = layers[i];
var layerConfig = {};
layerConfig[this.getUrlPara('url')] = Cesium.defaultValue(layer.url, "");
layerConfig[this.getUrlPara('name')] = Cesium.defaultValue(layer.name, "");
layerConfig[this.getUrlPara('layerDataType')] = Cesium.defaultValue(layer.layerDataType, "");
layerConfig[this.getUrlPara('layerProxy')] = Cesium.defaultValue(layer.layerProxy, "");
layerConfig[this.getUrlPara('layerClampToGround')] = Cesium.defaultValue(layer.layerClampToGround, "");
layerConfig[this.getUrlPara('gltfVersion')] = Cesium.defaultValue(layer.gltfVersion, "");
layerConfig[this.getUrlPara('active')] = Cesium.defaultValue(layer.active, "");
layerConfig[this.getUrlPara('spreadsheetUrl')] = Cesium.defaultValue(layer.spreadsheetUrl, "");
layerConfig[this.getUrlPara('thematicDataSource')] = Cesium.defaultValue(layer.thematicDataSource, "");
layerConfig[this.getUrlPara('tableType')] = Cesium.defaultValue(layer.tableType, "");
// layerConfig[this.getUrlPara('googleSheetsApiKey')] = Cesium.defaultValue(layer.googleSheetsApiKey, "");
// layerConfig[this.getUrlPara('googleSheetsRanges')] = Cesium.defaultValue(layer.googleSheetsRanges, "");
// layerConfig[this.getUrlPara('googleSheetsClientId')] = Cesium.defaultValue(layer.googleSheetsClientId, "")layer.;
layerConfig[this.getUrlPara('cityobjectsJsonUrl')] = Cesium.defaultValue(layer.cityobjectsJsonUrl, "");
layerConfig[this.getUrlPara('minLodPixels')] = Cesium.defaultValue(layer.minLodPixels, "");
layerConfig[this.getUrlPara('maxLodPixels')] = Cesium.defaultValue(layer.maxLodPixels, "");
layerConfig[this.getUrlPara('maxSizeOfCachedTiles')] = Cesium.defaultValue(layer.maxSizeOfCachedTiles, "");
layerConfig[this.getUrlPara('maxCountOfVisibleTiles')] = Cesium.defaultValue(layer.maxCountOfVisibleTiles, "");

layerGroupObject[this.getUrlPara('layer_') + i] = Cesium.objectToQuery(layerConfig);
}

return Cesium.objectToQuery(layerGroupObject)
}

private basemapToQuery(addWmsViewModel: any, cesiumViewer: any, Cesium: any): string {
var baseLayerPickerViewModel = cesiumViewer.baseLayerPicker.viewModel;
var baseLayerProviderFunc = baseLayerPickerViewModel.selectedImagery.creationCommand();
if (baseLayerProviderFunc instanceof Cesium.WebMapServiceImageryProvider) {
var basemapObject = {};
basemapObject[this.getUrlPara('basemap')] = Cesium.objectToQuery(addWmsViewModel);
return Cesium.objectToQuery(basemapObject);
} else {
return null;
}
}

private terrainToQuery(addTerrainViewModel: any, cesiumViewer: any, Cesium: any): string {
var baseLayerPickerViewModel = cesiumViewer.baseLayerPicker.viewModel;
var baseLayerProviderFunc = baseLayerPickerViewModel.selectedTerrain.creationCommand();
if (baseLayerProviderFunc instanceof Cesium.CesiumTerrainProvider) {
if (baseLayerPickerViewModel.selectedTerrain.name.indexOf('Cesium World Terrain') !== -1) {
return this.getUrlPara('cesiumWorldTerrain') + '=true';
}
var terrainObject = {};
terrainObject[this.getUrlPara('terrain')] = Cesium.objectToQuery(addTerrainViewModel);
return Cesium.objectToQuery(terrainObject);
} else {
return null;
}
}

private splashWindowToQuery(addSplashWindowModel: any, Cesium: any): string {
if (addSplashWindowModel.url) {
var splashObject = {};
splashObject[this.getUrlPara('splashWindow')] = Cesium.objectToQuery(addSplashWindowModel);
return Cesium.objectToQuery(splashObject);
}
return null;
}

public getLayersFromUrl(CitydbUtil: any, CitydbKmlLayer: any, Cesium3DTilesDataLayer: any, Cesium: any): any {
var index = 0;
var nLayers = [];
var layerConfigString = CitydbUtil.parse_query_string(this.getUrlPara('layer_') + index, window.location.href);
while (layerConfigString) {
var layerConfig = Cesium.queryToObject(Object.keys(Cesium.queryToObject(layerConfigString))[0]);
var options = {
url: layerConfig[this.getUrlPara('url')],
name: layerConfig[this.getUrlPara('name')],
layerDataType: Cesium.defaultValue(layerConfig[this.getUrlPara('layerDataType')], "COLLADA/KML/glTF"),
layerProxy: Cesium.defined(layerConfig[this.getUrlPara('layerProxy')]) ? layerConfig[this.getUrlPara('layerProxy')] === "true" : false,
layerClampToGround: Cesium.defined(layerConfig[this.getUrlPara('layerClampToGround')]) ? layerConfig[this.getUrlPara('layerClampToGround')] === "true" : true,
gltfVersion: Cesium.defaultValue(layerConfig[this.getUrlPara('gltfVersion')], "2.0"),
thematicDataUrl: Cesium.defaultValue(layerConfig[this.getUrlPara('spreadsheetUrl')], ""),
thematicDataSource: Cesium.defaultValue(layerConfig[this.getUrlPara('thematicDataSource')], "GoogleSheets"),
tableType: Cesium.defaultValue(layerConfig[this.getUrlPara('tableType')], "Horizontal"),
// googleSheetsApiKey: this._Cesium.defaultValue(layerConfig[urlController.getUrlPara('googleSheetsApiKey')], ""),
// googleSheetsRanges: this._Cesium.defaultValue(layerConfig[urlController.getUrlPara('googleSheetsRanges')], ""),
// googleSheetsClientId: this._Cesium.defaultValue(layerConfig[urlController.getUrlPara('googleSheetsClientId')], ""),
cityobjectsJsonUrl: Cesium.defaultValue(layerConfig[this.getUrlPara('cityobjectsJsonUrl')], ""),
active: (layerConfig[this.getUrlPara('active')] == "true"),
minLodPixels: Cesium.defaultValue(layerConfig[this.getUrlPara('minLodPixels')], 140),
maxLodPixels: Cesium.defaultValue(layerConfig[this.getUrlPara('maxLodPixels')] == -1 ? Number.MAX_VALUE : layerConfig[this.getUrlPara('maxLodPixels')], Number.MAX_VALUE),
maxSizeOfCachedTiles: layerConfig[this.getUrlPara('maxSizeOfCachedTiles')],
maxCountOfVisibleTiles: layerConfig[this.getUrlPara('maxCountOfVisibleTiles')]
}

if (['kml', 'kmz', 'json', 'czml'].indexOf(CitydbUtil.get_suffix_from_filename(options.url)) > -1
&& options.layerDataType === "COLLADA/KML/glTF") {
nLayers.push(new CitydbKmlLayer(options));
} else {
nLayers.push(new Cesium3DTilesDataLayer(options));
}

index++;
layerConfigString = CitydbUtil.parse_query_string(this.getUrlPara('layer_') + index, window.location.href);
}
return nLayers;
}

get urlDictionary(): any {
return this._urlDictionary;
}

set urlDictionary(value: any) {
this._urlDictionary = value;
}
}
20 changes: 20 additions & 0 deletions tsconfig.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"sourceMap": false,
"outDir": "3dwebclient/utils",
"lib": [
"dom",
"es5",
"scripthost",
"es2015.collection"
]
},
"exclude": [
"node_modules"
],
"include": [
"ts/*"
]
}

0 comments on commit f076322

Please sign in to comment.