Commit b877638b authored by JOE XMG's avatar JOE XMG
Browse files

update

parent a464635e
Pipeline #9168 passed with stage
in 24 seconds
...@@ -22,10 +22,10 @@ ...@@ -22,10 +22,10 @@
const terrainURL = 'https://web3d.basemap.de/cesium/dgm5-mesh'; const terrainURL = 'https://web3d.basemap.de/cesium/dgm5-mesh';
const data2D_arcgisURL = 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer'; const data2D_arcgisURL = 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer';
var basemapProvider = new Cesium.ArcGisMapServerImageryProvider({ var basemapProvider = new Cesium.ArcGisMapServerImageryProvider({
// url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
// url : 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer' // url : 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer'
// url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer' // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer'
url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer' // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer'
// url : 'https://services.arcgisonline.com/arcgis/rest/services/Specialty/DeLorme_World_Base_Map/MapServer' // url : 'https://services.arcgisonline.com/arcgis/rest/services/Specialty/DeLorme_World_Base_Map/MapServer'
}) })
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CesiumJS Web Map Application</title>
<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>
html, body, #cesiumContainer {
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
// Initialize the Cesium Viewer
var viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider: new Cesium.OpenStreetMapImageryProvider({
url : 'https://a.tile.openstreetmap.org/'
}),
baseLayerPicker: false,
terrainProvider: new Cesium.CesiumTerrainProvider({
url: 'https://web3d.basemap.de/cesium/dgm5-mesh'
})
});
// Set the initial view
viewer.scene.camera.setView({
destination: Cesium.Cartesian3.fromDegrees(9.6473353, 47.5728539, 3500.0)
});
// Load 3D Tiles
var tileset = new Cesium.Cesium3DTileset({
url: 'https://web3d.basemap.de/cesium/buildings-fly/root.json'
});
viewer.scene.primitives.add(tileset);
// Load additional 2D ArcGisMapServerImagery
var arcGisImagery = new Cesium.ArcGisMapServerImageryProvider({
url: 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer'
});
viewer.imageryLayers.addImageryProvider(arcGisImagery);
</script>
</body>
</html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script> <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"> <link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="https://3dps.gis.lrg.tum.de/viewerCesiumNavigationMixin.min.js"> </script> <script src="https://3dps.gis.lrg.tum.de/viewerCesiumNavigationMixin.min.js"> </script>
<style> <style>body {margin: 0;padding: 0;overflow: hidden;}</style>
body {
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
</head> </head>
<body> <body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div> <div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script> <script>
// input data // input data
const data3D_tilesetURL = 'https://web3d.basemap.de/cesium/buildings-fly/root.json'; const data3D_tilesetURL = ''; // a link to a 3D Tileset
const terrainURL = 'https://web3d.basemap.de/cesium/dgm5-mesh'; const terrainURL = ''; // a link to a terrain
const data2D_arcgisURL = 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer'; const data2D_arcgisURL = ''; // a link to a 2D ArcGIS MapServer
var basemapProvider = new Cesium.ArcGisMapServerImageryProvider({ const basemapProvider = new Cesium.ArcGisMapServerImageryProvider({
// url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
// url : 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer' // url : 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer'
// url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer' // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer'
url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer' // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer'
// url : 'https://services.arcgisonline.com/arcgis/rest/services/Specialty/DeLorme_World_Base_Map/MapServer' // url : 'https://services.arcgisonline.com/arcgis/rest/services/Specialty/DeLorme_World_Base_Map/MapServer'
}) })
var osmProvider = new Cesium.OpenStreetMapImageryProvider({ const osmProvider = new Cesium.OpenStreetMapImageryProvider({
url: 'https://a.tile.openstreetmap.org/' url: 'https://a.tile.openstreetmap.org/'
}); });
var viewer = new Cesium.Viewer('cesiumContainer', { var viewer = new Cesium.Viewer('cesiumContainer', {
...@@ -42,7 +34,7 @@ ...@@ -42,7 +34,7 @@
shadows: false, shadows: false,
timeline: true, timeline: true,
sceneModePicker: false, sceneModePicker: false,
imageryProvider: basemapProvider imageryProvider: osmProvider
}); });
if (terrainURL) { if (terrainURL) {
...@@ -66,7 +58,9 @@ ...@@ -66,7 +58,9 @@
] ]
}, },
}); });
tileset.readyPromise.then(function (tileset) {
tileset.style = cityStyle tileset.style = cityStyle
});
} }
if (data2D_arcgisURL) { if (data2D_arcgisURL) {
viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({ viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({
......
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