René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Bug: Cesium Globe添加ElevationRamp材质，显示有错误","articleBody":"**Bug描述**\r\n为viewer.scene.globe添加ElevationRamp材质，显示有错误，跟下面的底图混杂在一起\r\n\r\n**重现步骤**\r\n使用CesiumTerrainProvider添加地形，使用如下代码添加材质：\r\n```js\r\nconst elevationRamp = [0.0, 1.0];\r\nlet getColorRamp = (selectedShading) =\u003e {\r\n  const ramp = document.createElement(\"canvas\");\r\n  ramp.width = 100;\r\n  ramp.height = 1;\r\n  const ctx = ramp.getContext(\"2d\");\r\n  const grd = ctx.createLinearGradient(0, 0, 100, 0);\r\n  grd.addColorStop(elevationRamp[0], \"#000000\"); //black\r\n  grd.addColorStop(elevationRamp[1], \"#ffffff\"); //white\r\n  ctx.fillStyle = grd;\r\n  ctx.fillRect(0, 0, 100, 1);\r\n  return ramp;\r\n}\r\nconst minHeight = -100.0; // approximate dead sea elevation\r\nconst maxHeight = 3000.0; // approximate everest elevation\r\nlet shadingUniforms = {};\r\nlet material = Cesium.Material.fromType(\"ElevationRamp\");\r\nshadingUniforms = material.uniforms;\r\nshadingUniforms.minimumHeight = minHeight;\r\nshadingUniforms.maximumHeight = maxHeight;\r\nshadingUniforms.image = getColorRamp('elevation');\r\nviewer.scene.globe.material = material;\r\n```\r\n运行，即可重现\r\n\r\n**预计结果**\r\n正常显示globe材质\r\n\r\n**截图**\r\n![b348ea445af6dbd1f280d1fe381ccaa](https://user-images.githubusercontent.com/17061829/162935887-ad2a521c-ab70-4be7-812a-1ad8e805ba91.png)\r\n\r\n**系统信息**\r\nOS: Win10 X64\r\nBrowser: Chrome\r\n","author":{"url":"https://github.com/JinghengHuang","@type":"Person","name":"JinghengHuang"},"datePublished":"2022-04-12T10:00:39.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/141/WebClient-JavaScript/issues/141"}