Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Joe T.S.
3dgeovisclient
Commits
11514f2b
Commit
11514f2b
authored
Apr 25, 2024
by
JOE XMG
Browse files
update
parent
63ab027b
Pipeline
#9158
passed with stage
in 38 seconds
Changes
6
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
.gitignore
View file @
11514f2b
public/japan
public/stuttgart_tileset
public/fellbach_tileset
public/3dtiles_no_textures
public/fellbach_no_texture
public/ulm_tileset
public/tileset
node_modules
\ No newline at end of file
public/index_dortmund_20240328.html
0 → 100644
View file @
11514f2b
<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"
>
<style>
/* Remove Cesium Clock and Credit */
.cesium-credit-textContainer
{
display
:
none
!important
;
}
.cesium-credit-expand-link
{
display
:
none
!important
;
}
.cesium-viewer-animationContainer
{
display
:
none
!important
;
}
.cesium-viewer-bottom
{
display
:
none
!important
;
}
</style>
</head>
<body
style=
"margin:0"
>
<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
:
false
,
vrButton
:
true
,
geocoder
:
true
,
navigationHelpButton
:
false
,
// selectionIndicator: false,
infoBox
:
true
,
shadows
:
false
,
timeline
:
false
,
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
:
'
satellite-v9
'
,
// styleId: 'navigation-day-v1',
accessToken
:
'
pk.eyJ1IjoidGh1bnlhdGhlcCIsImEiOiJjamFpOWV4a2gxd21vMndxdXd2M3VoY3hmIn0.jLlCscei0yH-ZHwcfxF_ug
'
})
// imageryProvider: new Cesium.OpenStreetMapImageryProvider({
// url: 'https://a.tile.openstreetmap.org/'
// }),
});
viewer
.
camera
.
setView
({
"
destination
"
:{
"
x
"
:
3943649.4652230344
,
"
y
"
:
516239.4312710694
,
"
z
"
:
4969884.314891201
},
"
orientation
"
:{
"
direction
"
:{
"
x
"
:
-
0.037690519516047245
,
"
y
"
:
0.5411607295318
,
"
z
"
:
-
0.8400740976552131
},
"
up
"
:{
"
x
"
:
0.7693928237576129
,
"
y
"
:
0.5521615803244102
,
"
z
"
:
0.3211732740499076
}}})
var
tileset
=
viewer
.
scene
.
primitives
.
add
(
new
Cesium
.
Cesium3DTileset
({
url
:
"
https://urban-water-potentials.hft-stuttgart.de/datasource-data/7b852a57-f2b6-4895-a8f7-92eec2068d10/tileset.json
"
}))
// viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
</script>
</body>
</html>
\ No newline at end of file
public/index_fellbach3d_no_texture.html
0 → 100644
View file @
11514f2b
<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_roof
=
viewer
.
scene
.
primitives
.
add
(
new
Cesium
.
Cesium3DTileset
({
url
:
'
https://3dps.gis.lrg.tum.de/la-fellbach/tileset_roof/tileset.json
'
}));
var
tileset_wall
=
viewer
.
scene
.
primitives
.
add
(
new
Cesium
.
Cesium3DTileset
({
url
:
'
https://3dps.gis.lrg.tum.de/la-fellbach/tileset_wall/tileset.json
'
}));
// set tileset_roof style green
tileset_roof
.
readyPromise
.
then
(
function
(
tileset_roof
)
{
tileset_roof
.
style
=
new
Cesium
.
Cesium3DTileStyle
({
color
:
"
color('green')
"
,
show
:
true
});
viewer
.
flyTo
(
tileset_roof
);
});
</script>
</body>
</html>
\ No newline at end of file
public/index_neuulm_3d_DOM.html
0 → 100644
View file @
11514f2b
<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
)
})
});
viewer
.
extend
(
Cesium
.
viewerCesiumNavigationMixin
,
{});
var
tileset
=
viewer
.
scene
.
primitives
.
add
(
new
Cesium
.
Cesium3DTileset
({
url
:
'
https://3dps.gis.lrg.tum.de/geovolumes/collections/NeuUlm/dom_point_cloud/tileset.json
'
}));
// fly to tileset on load
tileset
.
readyPromise
.
then
(
function
(
tileset
)
{
viewer
.
flyTo
(
tileset
);
});
</script>
</body>
</html>
\ No newline at end of file
public/index_ogc_cdr_2024.html
0 → 100644
View file @
11514f2b
<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>
<style>
body
{
margin
:
0
;
padding
:
0
;
overflow
:
hidden
;
}
</style>
</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
// set the camera to Cologne Cathedral
viewer
.
camera
.
setView
({
"
destination
"
:{
"
x
"
:
3999233.4681795547
,
"
y
"
:
487231.1829527251
,
"
z
"
:
4929499.0103299655
},
"
orientation
"
:{
"
direction
"
:{
"
x
"
:
-
0.9384744178319557
,
"
y
"
:
0.3426873156498311
,
"
z
"
:
-
0.04279218115128908
},
"
up
"
:{
"
x
"
:
0.08451016510270887
,
"
y
"
:
0.34802662039000204
,
"
z
"
:
0.9336677693345885
}}})
// set the default time to be 10:00 18-APR-2024
var
time
=
new
Cesium
.
JulianDate
.
fromIso8601
(
"
2024-04-18T10:00:00Z
"
);
viewer
.
clock
.
currentTime
=
time
;
// load ArcGIS REST Service https://services2.arcgis.com/jUpNdisbWqRpMo35/arcgis/rest/services/Überflutungsflächen_nach_Risiko/FeatureServer/0
var
arcgisLayer
=
new
Cesium
.
ArcGisMapServerImageryProvider
({
url
:
'
https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer
'
});
viewer
.
imageryLayers
.
addImageryProvider
(
arcgisLayer
);
</script>
</body>
</html>
\ No newline at end of file
public/index_regensburg.html
0 → 100644
View file @
11514f2b
<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://vcs-rtgis.gisjoe.com/datasource-data/f3fa7b96-356d-4a39-bd0e-657baca3d7f2/tileset.json
'
}));
tileset
.
readyPromise
.
then
(
function
(
tileset
)
{
viewer
.
flyTo
(
tileset
)
});
</script>
</body>
</html>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment