31:T5f2,{ // remove previous element document.getElementById('cesiumContainer').replaceChildren(); // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID. const viewer = new Cesium.Viewer('cesiumContainer', { //terrainProvider: Cesium.createWorldTerrain(), timeline: false, animation: false, sceneModePicker: false, baseLayerPicker: false, baseLayer: false // no based Cesium layer }); // The globe does not need to be displayed, // since the Photorealistic 3D Tiles include terrain // viewer.scene.globe.show = false; // Add Photorealistic 3D Tiles const tileset = await Cesium.createGooglePhotorealistic3DTileset(); viewer.scene.primitives.add(tileset); // tileset.style = new Cesium.Cesium3DTileStyle({ color: "rgba(255, 255, 255, .25)" }); // Add OSM // const osmBuildingsTileset = await Cesium.createOsmBuildingsAsync(); // viewer.scene.primitives.add(osmBuildingsTileset); // Add Earth Engine layer on top const provider = new Cesium.UrlTemplateImageryProvider({ url : imageWater.getMap().urlFormat, }); const layer = new Cesium.ImageryLayer(provider); viewer.imageryLayers.add(layer); // Fly the camera to San Francisco at the given longitude, latitude, and height. viewer.camera.flyTo({ destination : Cesium.Cartesian3.fromArray([3979224, -9186, 4968214]), orientation : { heading : Cesium.Math.toRadians(45.0), pitch : Cesium.Math.toRadians(-10.0), } }); }32:[] 2f:{"title":"CesiumJS Earth Engine Demo","cells":[{"id":0,"value":"# CesiumJS Earth Engine Demo","pinned":false,"hidden":false,"mode":"md"},{"id":297,"value":"## Photorealistic 3D Google Map tiles","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"\n \n \n\n\n

-->","pinned":false,"hidden":false,"mode":"html"},{"id":22,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"## Google Earth Engine water layer on top of default tiles","pinned":false,"hidden":false,"mode":"md"},{"id":277,"value":"\n \n \n \n\n\n

","pinned":false,"hidden":false,"mode":"html"},{"id":279,"value":"{ \n // remove previous element\n document.getElementById('cesiumContainer2').replaceChildren();\n\n // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.\n const viewer = new Cesium.Viewer('cesiumContainer2', {\n //terrainProvider: Cesium.createWorldTerrain(),\n timeline: false,\n animation: false,\n sceneModePicker: false,\n baseLayerPicker: false\n }); \n\n // Fly the camera to San Francisco at the given longitude, latitude, and height.\n viewer.camera.flyTo({\n destination : Cesium.Cartesian3.fromArray([3979224, -9186, 4968214]),\n orientation : {\n heading : Cesium.Math.toRadians(45.0),\n pitch : Cesium.Math.toRadians(-10.0),\n }\n });\n\n // Add Earth Engine layer on top\n const provider = new Cesium.UrlTemplateImageryProvider({ \n url : imageWater.getMap().urlFormat,\n maximumLevel: 200,\n });\n const layer = new Cesium.ImageryLayer(provider);\n viewer.imageryLayers.add(layer);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":211,"value":"imageWater = {\n var waterOccurrence = ee.Image(\"JRC/GSW1_3/GlobalSurfaceWater\").select('occurrence')\n .divide(100).unmask(0).resample('bilinear')\n //.convolve(ee.Kernel.gaussian(45, 30, 'meters'))\n //.reduceNeighborhood(ee.Reducer.mean(), ee.Kernel.circle(45, 'meters'))\n .rename('occurrence')\n\n waterOccurrence = waterOccurrence.updateMask(waterOccurrence.unitScale(0, 0.02)) \n var waterOccurrenceMin = 0.02\n var palette = [\"2171b5\", \"4292c6\", \"6baed6\", \"9ecae1\", \"c6dbef\", \"deebf7\", \"f7fbff\"]\n var rgb = ee.Image(1).subtract(waterOccurrence)\n .mask(waterOccurrence.unitScale(waterOccurrenceMin, waterOccurrenceMin + 0.2))\n .visualize({ palette: palette, min: 0, max: 1 })\n\n var land = ee.Image(\"users/gena/land_polygons_image\").mask()\n\n return rgb.updateMask(rgb.mask().multiply(land))\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":115,"value":"Cesium = import(\"https://esm.run/cesium@1.107\");","pinned":true,"hidden":false,"mode":"ojs"},{"id":209,"value":"import {ee} from '@gena/ee'","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}