Commit 4401dab4 authored by JOE XMG's avatar JOE XMG
Browse files

update

parent ef4a1953
public/japan
public/stuttgart_tileset
\ No newline at end of file
{
"liveServer.settings.port": 5501
}
\ No newline at end of file
{"asset":{"gltfUpAxis":"Z","version":"1.0"},"extensionsRequired":["3DTILES_content_gltf"],"extensionsUsed":["3DTILES_content_gltf"],"geometricError":1.0,"root":{"boundingVolume":{"box":[0.0,0.0,0.0,100000.0,0.0,0.0,0.0,100000.0,0.0,0.0,0.0,100000.0]},"children":[{"boundingVolume":{"box":[0.0,0.0,0.0,191.9425744744949,0.0,0.0,0.0,205.4153161989525,0.0,0.0,0.0,138.52616069093347]},"content":{"uri":"LoD2_32_344_5676_1_NW.glb"},"geometricError":0.0,"transform":[1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,623.7057385994121,208.22120204370003,-496.26564703695476,1.0]}],"geometricError":1.0,"transform":[1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,3974480.0,472140.0,4949400.0,1.0]}}
\ No newline at end of file
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script>
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJmNDI1ZTg5OC05MWU1LTQ5YTYtOTEyZS1mODk1ODZiZGRhMjgiLCJpZCI6MTcxNDQsImlhdCI6MTY4MDIwNTA2MX0.fM4zc4RUfbrgLvaD4FXP-EUNMceSRA1ILRt2qVNACpc';
//////////////////////////////////////////////////////////////////////////
// Adding custom terrain
//////////////////////////////////////////////////////////////////////////
var customterrain = new Cesium.CesiumTerrainProvider({
url: 'https://3dps.gis.lrg.tum.de/geovolumes/collections/Taufkirchen/quantizedmesh',
});
var terrainProviderViewModels = [];
terrainProviderViewModels.push(new Cesium.ProviderViewModel({
name: 'Custom Terrain',
iconUrl: Cesium.buildModuleUrl('https://w2.iaf-ex.hft-stuttgart.de/CesiumData/Images/TerrainProviders/MontrealTerrain.png'),
tooltip: 'Custom Terrain',
creationFunction: function () {
return customterrain;
}
}));
var viewer = new Cesium.Viewer('cesiumContainer', {
terrainProviderViewModels: terrainProviderViewModels,
baseLayerPicker: true,
vrButton: true,
geocoder: false,
navigationHelpButton: false,
selectionIndicator: false,
shadows: false,
timeline: false,
sceneModePicker: true,
// imageryProvider: new Cesium.OpenStreetMapImageryProvider({
// url: 'https://a.tile.openstreetmap.org/'
// }),
});
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: "https://3dps.gis.lrg.tum.de/geovolumes/collections/Taufkirchen/all_buildings_lod2/3dtiles/tileset.json"
}))
tileset.readyPromise.then(function (tileset) {
viewer.flyTo(tileset)
});
// viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
</script>
</body>
</html>
\ No newline at end of file
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="viewerCesiumNavigationMixin.js"> </script>
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJmNDI1ZTg5OC05MWU1LTQ5YTYtOTEyZS1mODk1ODZiZGRhMjgiLCJpZCI6MTcxNDQsImlhdCI6MTY4MDIwNTA2MX0.fM4zc4RUfbrgLvaD4FXP-EUNMceSRA1ILRt2qVNACpc';
var viewer = new Cesium.Viewer('cesiumContainer', {
// terrainProvider: Cesium.createWorldTerrain(),
baseLayerPicker: true,
vrButton: true,
geocoder: true,
navigationHelpButton: false,
selectionIndicator: false,
shadows: false,
timeline: true,
sceneModePicker: true,
terrainProvider: new Cesium.CesiumTerrainProvider({
url: 'https://web3d.basemap.de/cesium/dgm5-mesh',
credit: new Cesium.Credit("\u0026copy; 2023 basemap.de", true)
})
// imageryProvider: new Cesium.MapboxStyleImageryProvider({
// // check style ID at https://docs.mapbox.com/api/maps/styles/
// styleId: 'light-v10',
// // styleId: 'navigation-day-v1',
// accessToken: 'pk.eyJ1IjoidGh1bnlhdGhlcCIsImEiOiJjamFpOWV4a2gxd21vMndxdXd2M3VoY3hmIn0.jLlCscei0yH-ZHwcfxF_ug'
// })
// imageryProvider: new Cesium.OpenStreetMapImageryProvider({
// url: 'https://a.tile.openstreetmap.org/'
// }),
});
viewer.extend(Cesium.viewerCesiumNavigationMixin, {});
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: 'https://web3d.basemap.de/cesium/buildings-fly/root.json'
}));
var cityStyle = new Cesium.Cesium3DTileStyle({
color: {
conditions: [
["${surface} === 'wall'", "color('#f2f2f2')"],
["${surface} === 'roof'", "color('#ff5c4d')"],
// ["${surface} === 'roof'", "color('#005c4d')"],
["${surface} === 'bridge'", "color('#999999')"]
]
},
});
tileset.style = cityStyle
const provider = new Cesium.WebMapServiceImageryProvider({
url: 'https://sgx.geodatenzentrum.de/wms_basemapde?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetCapabilities',
layers: "de_basemapde_web_raster_farbe",
parameters: {
transparent: true,
format: "image/png",
}
});
viewer.imageryLayers.addImageryProvider(provider);
// Get the URL of the current page
var url = window.location.href;
// Use a regular expression to extract the lat and lng parameters
var regex = /lat=([0-9.]+)&lng=([0-9.]+)/;
var match = regex.exec(url);
// Check if the match is not null
if (match) {
// Get the lat and lng values from the match array
var lat = match[1];
var lng = match[2];
// Do something with the lat and lng values
console.log("Latitude: " + lat);
console.log("Longitude: " + lng);
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(lng, lat, 3500.0),
orientation: {
heading: Cesium.Math.toRadians(0.0),
pitch: Cesium.Math.toRadians(-40.0),
roll: 0.0
}
});
} else {
// No lat and lng parameters found
console.log("No latitude and longitude values found in the URL");
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(10.277367, 47.415311, 3500.0),
orientation: {
heading: Cesium.Math.toRadians(0.0),
pitch: Cesium.Math.toRadians(-40.0),
roll: 0.0
}
});
}
</script>
</body>
</html>
\ No newline at end of file
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script>
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJmNDI1ZTg5OC05MWU1LTQ5YTYtOTEyZS1mODk1ODZiZGRhMjgiLCJpZCI6MTcxNDQsImlhdCI6MTY4MDIwNTA2MX0.fM4zc4RUfbrgLvaD4FXP-EUNMceSRA1ILRt2qVNACpc';
var viewer = new Cesium.Viewer('cesiumContainer', {
// terrainProvider: Cesium.createWorldTerrain(),
baseLayerPicker: true,
vrButton: true,
geocoder: false,
navigationHelpButton: false,
selectionIndicator: false,
shadows: false,
timeline: false,
sceneModePicker: true,
// imageryProvider: new Cesium.OpenStreetMapImageryProvider({
// url: 'https://a.tile.openstreetmap.org/'
// }),
});
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: "https://www.virtualcitymap.de/datasource-data/f892f6af-180a-4eef-917f-5ff03c260b32/tileset.json"
}))
tileset.readyPromise.then(function (tileset) {
viewer.flyTo(tileset)
var boundingSphere = tileset.boundingSphere;
viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0, -2.0, 0));
viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
// Position tileset
var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, -30);
var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
console.log(tileset.modelMatrix);
});
// viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
</script>
</body>
</html>
\ No newline at end of file
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script>
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJmNDI1ZTg5OC05MWU1LTQ5YTYtOTEyZS1mODk1ODZiZGRhMjgiLCJpZCI6MTcxNDQsImlhdCI6MTY4MDIwNTA2MX0.fM4zc4RUfbrgLvaD4FXP-EUNMceSRA1ILRt2qVNACpc';
var viewer = new Cesium.Viewer('cesiumContainer', {
// terrainProvider: Cesium.createWorldTerrain(),
baseLayerPicker: true,
vrButton: true,
geocoder: true,
navigationHelpButton: false,
selectionIndicator: false,
shadows: false,
timeline: false,
sceneModePicker: true,
imageryProvider: new Cesium.MapboxStyleImageryProvider({
// check style ID at https://docs.mapbox.com/api/maps/styles/
styleId: 'light-v10',
// styleId: 'navigation-day-v1',
accessToken: 'pk.eyJ1IjoidGh1bnlhdGhlcCIsImEiOiJjamFpOWV4a2gxd21vMndxdXd2M3VoY3hmIn0.jLlCscei0yH-ZHwcfxF_ug'
})
// imageryProvider: new Cesium.OpenStreetMapImageryProvider({
// url: 'https://a.tile.openstreetmap.org/'
// }),
});
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: "https://www.virtualcitymap.de/datasource-data/ef0479d6-2c12-4510-b7c2-9d49f28507e4/tileset.json"
}))
tileset.readyPromise.then(function (tileset) {
viewer.camera.setView({ "destination": { "x": 3944799.502080914, "y": 516161.7610718658, "z": 4969605.849747601 }, "orientation": { "direction": { "x": -0.9789873542687618, "y": 0.20085074974730935, "z": -0.03525246810925009 }, "up": { "x": 0.018442359390164142, "y": 0.2593701370335703, "z": 0.9656018907372288 } } })
// viewer.flyTo(tileset)
var boundingSphere = tileset.boundingSphere;
// viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0, -2.0, 0));
// viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
// Position tileset
var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, -80);
var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
console.log(tileset.modelMatrix);
});
tileset.style = new Cesium.Cesium3DTileStyle({
show: true,
// color: "color('#ffffff')"
"color": {
"conditions": [
["true", "color('#ffffff')"]
]
}
});
const selected = {
feature: undefined,
originalColor: new Cesium.Color(),
};
viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(
movement
) {
pickedFeature = viewer.scene.pick(movement.position);
earthPosition = viewer.scene.pickPosition(movement.position);
feature_attributes = pickedFeature.getProperty("attributes")
if (!Cesium.defined(pickedFeature)) {
clickHandler(movement);
return;
}
// Select the feature if it's not already selected
if (selected.feature === pickedFeature) {
return;
}
selected.feature = pickedFeature;
last_picked_3DTiles = pickedFeature;
last_position = movement.position
}
,
Cesium.ScreenSpaceEventType.LEFT_CLICK)
// const APPID = "9b52c757d3a97201d3bed498849d95f3"
// mapLayer_owm_temperature = new Cesium.UrlTemplateImageryProvider({
// url: `https://tile.openweathermap.org/map/temp_new/{z}/{x}/{y}.png?appid=${APPID}&opacity=0.95`,
// });
// ActivatedImgLayer = viewer.imageryLayers.addImageryProvider(mapLayer_owm_temperature);
// ActivatedImgLayer.alpha = Cesium.defaultValue(0.95, 0.95);
// ActivatedImgLayer.show = Cesium.defaultValue(true, true);
viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
</script>
</body>
</html>
\ No newline at end of file
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script>
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJmNDI1ZTg5OC05MWU1LTQ5YTYtOTEyZS1mODk1ODZiZGRhMjgiLCJpZCI6MTcxNDQsImlhdCI6MTY4MDIwNTA2MX0.fM4zc4RUfbrgLvaD4FXP-EUNMceSRA1ILRt2qVNACpc';
var viewer = new Cesium.Viewer('cesiumContainer', {
// terrainProvider: Cesium.createWorldTerrain(),
baseLayerPicker: true,
vrButton: true,
geocoder: true,
navigationHelpButton: false,
selectionIndicator: false,
shadows: false,
timeline: false,
sceneModePicker: true,
imageryProvider: new Cesium.MapboxStyleImageryProvider({
// check style ID at https://docs.mapbox.com/api/maps/styles/
styleId: 'light-v10',
// styleId: 'navigation-day-v1',
accessToken: 'pk.eyJ1IjoidGh1bnlhdGhlcCIsImEiOiJjamFpOWV4a2gxd21vMndxdXd2M3VoY3hmIn0.jLlCscei0yH-ZHwcfxF_ug'
})
// imageryProvider: new Cesium.OpenStreetMapImageryProvider({
// url: 'https://a.tile.openstreetmap.org/'
// }),
});
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: "dusseldorf_test/tileset.json"
}))
tileset.readyPromise.then(function (tileset) {
viewer.camera.setView({"destination":{"x":3975584.996584384,"y":472403.2984956568,"z":4948777.681824778},"orientation":{"direction":{"x":-0.9813492013964527,"y":-0.11660990775296645,"z":0.15282628809334237},"up":{"x":0.15175865442382225,"y":0.018032890502059265,"z":0.9882530676236789}}})
// viewer.flyTo(tileset)
var boundingSphere = tileset.boundingSphere;
// viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0, -2.0, 0));
// viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
// Position tileset
var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, -35);
var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
console.log(tileset.modelMatrix);
});
// tileset.style = new Cesium.Cesium3DTileStyle({
// show: true,
// // color: "color('#ffffff')"
// "color": {
// "conditions": [
// ["true", "color('#ffffff')"]
// ]
// }
// });
// viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
</script>
</body>
</html>
\ No newline at end of file
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script>
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJmNDI1ZTg5OC05MWU1LTQ5YTYtOTEyZS1mODk1ODZiZGRhMjgiLCJpZCI6MTcxNDQsImlhdCI6MTY4MDIwNTA2MX0.fM4zc4RUfbrgLvaD4FXP-EUNMceSRA1ILRt2qVNACpc';
var viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider: Cesium.createWorldTerrain(),
baseLayerPicker: true,
vrButton: true,
geocoder: false,
navigationHelpButton: false,
selectionIndicator: false,
shadows: false,
timeline: false,
sceneModePicker: true,
// imageryProvider: new Cesium.OpenStreetMapImageryProvider({
// url: 'https://a.tile.openstreetmap.org/'
// }),
});
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: "japan/tileset.json"
// url: "https://www.virtualcitymap.de/datasource-data/f892f6af-180a-4eef-917f-5ff03c260b32/tileset.json"
}))
tileset.readyPromise.then(function (tileset) {
viewer.flyTo(tileset)
// var boundingSphere = tileset.boundingSphere;
// viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0, -2.0, 0));
// viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
// // Position tileset
// var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
// var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
// var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 50);
// var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
// tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
// console.log(tileset.modelMatrix);
});
// viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
</script>
</body>
</html>
\ No newline at end of file
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script>
var viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider: Cesium.createWorldTerrain(),
baseLayerPicker: true,
vrButton: true,
geocoder: false,
navigationHelpButton: false,
selectionIndicator: false,
shadows: false,
timeline: false,
sceneModePicker: true,
// imageryProvider: new Cesium.OpenStreetMapImageryProvider({
// url: 'https://a.tile.openstreetmap.org/'
// }),
});
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: "stuttgart_tileset/tileset.json"
}))
tileset.readyPromise.then(function (tileset) {
// viewer.flyTo(tileset)
var boundingSphere = tileset.boundingSphere;
viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0, -2.0, 0));
viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
// Position tileset
var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 50);
var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
console.log(tileset.modelMatrix);
});
viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
</script>
</body>
</html>
\ No newline at end of file
......@@ -9,7 +9,7 @@ var viewer = new Cesium.Viewer('cesiumContainer', {
navigationHelpButton: false,
selectionIndicator: false,
shadows: true,
timeline: false,
timeline: true,
sceneModePicker: true,
//infoBox: false,
//geocoder: false
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment