美文网首页
Cesium中加载WMS、WMTS、WFS三类服务,并进行点击查

Cesium中加载WMS、WMTS、WFS三类服务,并进行点击查

作者: xueyueshuai | 来源:发表于2023-11-01 10:37 被阅读0次

wms

    newWmsLayer(mineCode = '32006') {
      this.mineCode = mineCode
      let [workspace, layer] = process.env.VUE_APP_All_PROJECTS_LAYER.split(':')

      let Cesium = getCesium();
      let globalGeology = new Cesium.WebMapServiceImageryProvider({
        url: getGeoserverApiByTypeName() + '/geoserver/' + workspace + '/wms',
        parameters: {
          service: 'WMS',
          transparent: true, //是否透明
          format: 'image/png',
          srs: 'EPSG:4326',
          styles: '',
          CQL_FILTER: 'mine_code=' + mineCode
        },
        layers: workspace + ':' + layer,
        getFeatureInfoParameters:{
          request: "GetFeatureInfo",
          CQL_FILTER: 'mine_code=' + mineCode
        }
      });

      let globalGeologyLayer = this.viewer.imageryLayers.addImageryProvider(globalGeology);
      globalGeologyLayer.show = true
      globalGeologyLayer.code = 'mineCode:' + mineCode
    },

      // 点击事件
      let handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas);
      handler.setInputAction((event) => {
        this.onMapClick(event)
      }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

    // 地图点击事件
    onMapClick(event) {
      let viewer = this.viewer
      let pickRay = viewer.camera.getPickRay(event.position);

      viewer.imageryLayers.pickImageryLayerFeatures(pickRay, viewer.scene).then(res => {
        console.log(res[0]?.properties)
      })
    },

其他参考链接
https://blog.csdn.net/yopo_AG/article/details/131538647

相关文章

网友评论

      本文标题:Cesium中加载WMS、WMTS、WFS三类服务,并进行点击查

      本文链接:https://www.haomeiwen.com/subject/fvowidtx.html