Cesium加载Geoserver发布的wms

1. “china”为 geoserver 工作区名称,记得修改。

var url = 'http://localhost:8081/geoserver/china/wms'; //Geoserver URL 

2. 对应的图层名也要修改。

layers: 'china:gis_osm_landuse_a_free_1',// 图层名 

3. 完整的 script 部分,实现图层叠加。保存为china.html,放到 cesium工程的Apps目录下。

  <script>
    var url = 'http://localhost:8081/geoserver/china/wms'; //Geoserver URL   
    var viewer = new Cesium.Viewer('cesiumContainer');
    var provider1 = new Cesium.WebMapServiceImageryProvider({   
        url : url,    
	layers: 'china:gis_osm_landuse_a_free_1',// 图层名  
        parameters: {
            service: 'WMS',
            format: 'image/png',
            transparent: true,
        }
    });
    var provider2 = new Cesium.WebMapServiceImageryProvider({   
	url : url,    
	layers: 'china:gis_osm_waterways_free_1',// 图层名  
        parameters: {
            service: 'WMS',
            format: 'image/png',
            transparent: true,
        }
    });
    var provider3 = new Cesium.WebMapServiceImageryProvider({   
	url : url,    
	layers: 'china:gis_osm_buildings_free_1',// 图层名  
        parameters: {
            service: 'WMS',
            format: 'image/png',
            transparent: true,
        }
    });
    viewer.imageryLayers.addImageryProvider(provider1);
    viewer.imageryLayers.addImageryProvider(provider2);
    viewer.imageryLayers.addImageryProvider(provider3);
  </script>

4. 启动 Cseium,浏览 http://localhost:8080/Apps/china.html

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值