fuckok 2024-08-20 18:15 采纳率: 8.3%
浏览 471

cesium 如何设置地球（中国地图高亮，有科技感，其余地区灰色）？

cesium 如何设置地球，能让效果如下图1，（中国地图高亮，有科技感，其余地区灰色）我这做的效果是图2，是用的什么方法设置如此科技感的，地球底图用的图片还是引用插件？求指导

img

img

  • 写回答

1条回答 默认 最新

  • 吃不了席 2024-08-23 20:00
    关注

    以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

    要实现这个效果，你可以使用Cesium的ImageryLayer来设置地球的表面纹理。首先，你需要准备一张中国地图高亮的图片，其余地区为灰色。然后，将这张图片作为ImageryLayer的源，添加到地球表面。

    以下是一个示例代码：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cesium 中国地图高亮</title>
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.82/Build/Cesium/Cesium.js"></script>
    <style>
        @import url(https://cesium.com/downloads/cesiumjs/releases/1.82/Build/Cesium/Widget/widget.css);
        html, body, #cesiumContainer {
            width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
        }
    </style>
</head>
<body>
    <div id="cesiumContainer"></div>
    <script>
        // 初始化Cesium Viewer
        var viewer = new Cesium.Viewer('cesiumContainer', {
            imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
                url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
            }),
            baseLayerPicker: false
        });

        // 添加自定义的中国地图高亮图层
        var highlightChinaLayer = new Cesium.ImageryLayer({
            url: 'path/to/your/china_highlight_image.png', // 替换为你的中国地图高亮图片路径
            rectangle: [-180, -90, 180, 90],
            opacity: 0.75
        });
        viewer.imageryLayers.add(highlightChinaLayer);
    </script>
</body>
</html>

    请将path/to/your/china_highlight_image.png替换为你的中国地图高亮图片路径。这样，你就可以在Cesium中看到中国地图高亮，其余地区为灰色的效果了。

    评论

报告相同问题？

问题事件

  • 创建了问题 8月20日