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 @@
const terrainURL = 'https://web3d.basemap.de/cesium/dgm5-mesh';
const data2D_arcgisURL = 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer';
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/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'
})
......
<!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">
<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="https://3dps.gis.lrg.tum.de/viewerCesiumNavigationMixin.min.js"> </script>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
<style>body {margin: 0;padding: 0;overflow: hidden;}</style>
</head>
<body>
<div id="cesiumContainer" style="width: 100%; height:100%"></div>
<script>
// input data
const data3D_tilesetURL = 'https://web3d.basemap.de/cesium/buildings-fly/root.json';
const terrainURL = 'https://web3d.basemap.de/cesium/dgm5-mesh';
const data2D_arcgisURL = 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer';
var basemapProvider = new Cesium.ArcGisMapServerImageryProvider({
// url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
const data3D_tilesetURL = ''; // a link to a 3D Tileset
const terrainURL = ''; // a link to a terrain
const data2D_arcgisURL = ''; // a link to a 2D ArcGIS MapServer
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_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_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'
})
var osmProvider = new Cesium.OpenStreetMapImageryProvider({
const osmProvider = new Cesium.OpenStreetMapImageryProvider({
url: 'https://a.tile.openstreetmap.org/'
});
var viewer = new Cesium.Viewer('cesiumContainer', {
......@@ -42,7 +34,7 @@
shadows: false,
timeline: true,
sceneModePicker: false,
imageryProvider: basemapProvider
imageryProvider: osmProvider
});
if (terrainURL) {
......@@ -66,7 +58,9 @@
]
},
});
tileset.style = cityStyle
tileset.readyPromise.then(function (tileset) {
tileset.style = cityStyle
});
}
if (data2D_arcgisURL) {
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