cesium加载wms与arcgis服务

发布于:2024-08-08 ⋅ 阅读:(78) ⋅ 点赞:(0)

在Cesium中加载WMS和ArcGIS服务,可以通过以下步骤实现。

加载WMS服务

  1. 创建Viewer实例

    var viewer = new Cesium.Viewer('cesiumContainer');
    
  2. 添加WMS图层

    var wmsLayer = viewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapServiceImageryProvider({
            url: 'WMS服务URL',
            layers: '图层名称',
            parameters: {
                service: 'WMS',
                version: '1.1.1',
                request: 'GetMap',
                styles: '',
                format: 'image/png',
                transparent: true
            }
        })
    );
    

加载ArcGIS服务

  1. 创建Viewer实例

    var viewer = new Cesium.Viewer('cesiumContainer');
    
  2. 添加ArcGIS图层

    var arcgisLayer = viewer.imageryLayers.addImageryProvider(
        new Cesium.ArcGisMapServerImageryProvider({
            url: 'ArcGIS服务URL'
        })
    );
    

完整示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cesium WMS and ArcGIS Services</title>
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.90/Build/Cesium/Cesium.js"></script>
    <style>
        @import url('https://cesium.com/downloads/cesiumjs/releases/1.90/Build/Cesium/Widgets/widgets.css');
        html, body, #cesiumContainer {
            width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
        }
    </style>
</head>
<body>
    <div id="cesiumContainer"></div>
    <script>
        var viewer = new Cesium.Viewer('cesiumContainer');

        // 加载WMS服务
        viewer.imageryLayers.addImageryProvider(
            new Cesium.WebMapServiceImageryProvider({
                url: 'WMS服务URL',
                layers: '图层名称',
                parameters: {
                    service: 'WMS',
                    version: '1.1.1',
                    request: 'GetMap',
                    styles: '',
                    format: 'image/png',
                    transparent: true
                }
            })
        );

        // 加载ArcGIS服务
        viewer.imageryLayers.addImageryProvider(
            new Cesium.ArcGisMapServerImageryProvider({
                url: 'ArcGIS服务URL'
            })
        );
    </script>
</body>
</html>

在上述示例中,替换WMS服务URLArcGIS服务URL为实际服务地址,图层名称为实际图层名称。这样即可在Cesium中加载并显示WMS和ArcGIS服务的图层。


网站公告

今日签到

点亮在社区的每一天
去签到