Cesium加载各种类型数据的图层(JS实现）

Posted 2022-12-06

文章目录

• ​​加载geoserver发布的WMS服务​​
• ​​加载KMZ/KML文件​​
• ​​加载JSON文件​​
• ​​在指定经纬度添加标签和地名​​

加载geoserver发布的WMS服务

var provider1 = new Cesium.WebMapServiceImageryProvider(
    url:http://localhost:8080/geoserver/test/wms,         //wms服务路径
    layers: test:dem,                                                             //图层名
    parameters: 
    service : WMS,                                    //服务类型
        format: image/png,                    //格式
        srs: EPSG:4326,                           //坐标系
        transparent: true,                      //是否透明
    

);

tifLayer = viewer.imageryLayers.addImageryProvider(provider1);

移除图层

viewer.imageryLayers.remove(tifLayer);

加载KMZ/KML文件

var options = 
     camera : viewer.scene.camera,
     canvas : viewer.scene.canvas,
     clampToGround: true //开启贴地
 ;
 viewer.dataSources.add(Cesium.KmlDataSource.load(./static/lith.kmz, options)).then(function(dataSource)
     viewer.clock.shouldAnimate = false;
     var rider = dataSource.entities.getById(tour);
     viewer.flyTo(rider).then(function()
         viewer.trackedEntity = rider;
         viewer.selectedEntity = viewer.trackedEntity;
         viewer.clock.multiplier = 30;
         viewer.clock.shouldAnimate = true;
     );
 );

移除图层

datasource = viewer.dataSources.get(viewer.dataSources.length-1);
viewer.dataSources.remove(datasource, true);

加载JSON文件

let smcPromise = Cesium.GeoJsonDataSource.load(./static/ALL.json,
    clampToGround : true,   //开启贴地
);
smcPromise.then(function (dataSource)
    viewer.dataSources.add(dataSource);
);

移除图层

datasource = viewer.dataSources.get(viewer.dataSources.length-1);
viewer.dataSources.remove(datasource, true);

在指定经纬度添加标签和地名

label1 = viewer.entities.add(
id:name1,
name:name1,
position:Cesium.Cartesian3.fromDegrees(103.769601,33.264294),       //经纬度
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,            //开启贴地
billboard:         //加载图片图标
    image: ./static/roadLabel.png,
    height: 40,
    width: 40,
    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
    pixelOffset : new Cesium.Cartesian2(0, 0),      //偏移量
,
label:
    text:text,
    font:16pt 宋体,
    fillColor:Cesium.Color.WHITE,
    style: Cesium.LabelStyle.FILL,
    outlineWidth : 1,
    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
    pixelOffset : new Cesium.Cartesian2(60, 0)
,
);